在fixed定位的容器中的textarea组件聚焦时会被键盘遮挡
发布于 5 年前 作者 ming77 1290 次浏览 来自 问答
  • 当前 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可以解决此问题

文档地址

2 回复

问题已解决

回到顶部