- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
<view class="page-body" style='position: fixed;overflow-y: scroll;width: 100%;height: 100%;'>
<view class="page-section">
<view class="page-section-title">输入区域高度自适应,不会出现滚动条</view>
<view class="textarea-wrp">
<textarea fixed='true' value='输入区域高度自适应,不会出现滚动条' bindblur="bindTextAreaBlur" auto-height />
</view>
</view>
<view class="page-section">
<view class="page-section-title">这是一个可以自动聚焦的textarea</view>
<view class="textarea-wrp">
<textarea auto-focus="true" style="height: 3em" />
</view>
</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
<view>1111</view>
</view>
直接创建一个空白的小程序页面,然后在wxml文件中粘贴这段代码,手机预览就可看到效果
微信开发者工具里没有问题,在真机测试里会出现textarea文字内容固定在页面中的它的初始位置不动,滚动时textarea容器已经走了,内容还在原地。这是一个最简单的复现demo。
提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
这是代码片段的分享链接:
wechatide://minicode/90mnx6mD7H3f
在荣耀v10和iphone 6上都是那个效果