- 当前 Bug 的表现（可附上截图）

目前的业务需求是在live-pusher上添加一个可滚动区域文本区域，所以需要用到cover-view组件，文本的样式在开发者工具（最新版）上表现正常，但是在ios上和android上表现各有差异，都是有问题，具体见下图

开发者工具上的表现：

ios上：

android上：

- 预期表现

- 复现路径

- 提供一个最简复现 Demo

WXML:

<cover-view scroll-y="true" class="comment-wrap">
  <cover-view class="comment" wx:for="{{commentArray}}">
    <cover-view class="comment-name">{{item.userName}}：</cover-view>
    {{item.comment}}
  </cover-view>
</cover-view>

js：

commentArray: [
    {
      userName: 'inline-block',
      comment: '我'
    },
    {
        userName: '我是inline-block',
        comment: '我超长我需要被换行，我不想被重叠，我需要被换行，我不想被重叠'
    },
    {
        userName: '我是inline-block',
        comment: '为什么我会被重叠呢'
    },
],

WXSS：

.comment-wrap {
  position: absolute;
  bottom: 130rpx;
  left: 30rpx;
  max-width: 70%;
  height: 40%;
  overflow-y: scroll;
}

.comment {
  float: left;
  display: inline-block;
  min-width: 51%;
  max-width: 100%;
  line-height: 40rpx;
  padding: 12rpx 15rpx;
  margin-bottom: 10rpx;
  font-size: 32rpx;
  color: #fff;
  background-color: rgba(0,0,0,.3);
  border-radius:10rpx;
  white-space: normal;
}

.comment-name {
  vertical-align: text-top;
  display: inline-block;
  color: #d9d9d9;
}

.comment:last-child {
  margin-bottom: 0;
}