在fixed定位的容器中的textarea组件聚焦时会被键盘遮挡
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
index/index
- 提供一个最简复现 Demo
https://developers.weixin.qq.com/s/lBfp4dmR7z83
页面布局:page中的文档流超出屏幕;弹窗fixed定位,宽高100%;弹窗内有textarea、input(作为对比)问题:真机模拟时 textarea组件聚焦时位置不准确,被键盘遮挡,但文字溢出在键盘上面,input聚焦正常复现代码片段
https://developers.weixin.qq.com/s/lBfp4dmR7z83
不靠谱的解决方式:1:修改弹窗为absolute定位 (希望能继续使用fixed定位,所以不靠谱)2:文档流滚动到底部,或者文档流不超出一屏高度; (更不靠谱了)
同样是原生组件,input就没有出现此问题;希望修复textarea组件的此问题
真机遮挡截图(bug表现)
使用absolute定位或修改文档流修复效果(预期表现图片)
问题已解决
textarea组件有个fixed属性,设置为true可以解决此问题