[Bug]: 自定义 tabbar 后，h5 模式下页面空白，taro-tabbar__container 和 taro-tabbar__panel没有设置高度

[felix9ia]

请先确认

• 我已搜索并确定这个提交不是重复的

相关平台

• 所有小程序
• 微信小程序
• 支付宝小程序
• 百度小程序
• 字节跳动小程序
• QQ 轻应用
• 京东小程序
• 快应用平台（QuickApp）
• Web 平台（H5）
• 移动端（React-Native）
• 鸿蒙（harmony）

小程序基础库版本

4.1.1

使用框架

React

问题描述

taro-tabbar__container 和 taro-tabbar__panel没有设置高度，导致子节点无法获取父节点高度

复现链接

https://github.com/NervJS/taro

复现步骤

H5页面下自定义tabbar，加上样式就好了

.taro-tabbar__container{
  height: 100%;
}
.taro-tabbar__panel {
  height: 100%;
}

环境信息

👽 Taro v4.1.1


  Taro CLI 4.1.1 environment info:
    System:
      OS: Windows 11 10.0.22631
    Binaries:
      Node: 18.17.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
      npm: 9.6.7 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.1.1 => 4.1.1 
      @tarojs/components: 4.1.1 => 4.1.1 
      @tarojs/helper: 4.1.1 => 4.1.1 
      @tarojs/plugin-framework-react: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-alipay: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-h5: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-harmony-hybrid: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-jd: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-qq: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-swan: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-tt: 4.1.1 => 4.1.1 
      @tarojs/plugin-platform-weapp: 4.1.1 => 4.1.1 
      @tarojs/react: 4.1.1 => 4.1.1 
      @tarojs/runtime: 4.1.1 => 4.1.1 
      @tarojs/shared: 4.1.1 => 4.1.1 
      @tarojs/taro: 4.1.1 => 4.1.1 
      @tarojs/taro-loader: 4.1.1 => 4.1.1 
      @tarojs/webpack5-runner: 4.1.1 => 4.1.1 
      babel-preset-taro: 4.1.1 => 4.1.1
      eslint-config-taro: 4.1.1 => 4.1.1
      react: ^18.2.0 => 18.3.1

贡献代码

• 我愿意修复这个错误

[felix9ia]

#17857

[felix9ia]

我的用是 taroify 的 tabbar，并非官方的 tabbar 组件....

taro 官方的 tabbar 确实添加了这个样式....但是前提是用了官方的 tabbar ......