收藏
回答

在fixed定位的容器中的textarea组件聚焦时会被键盘遮挡

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug textarea 客户端 7.0.4 2.6.6

- 当前 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可以解决此问题

文档地址

最后一次编辑于  2019-05-10
回答关注问题邀请回答
收藏

2 个回答

  • 余栀丶
    余栀丶
    2019-05-10

    问题已解决

    2019-05-10
    有用
    回复 3
    • ネф イω
      ネф イω
      2019-08-11
      我设置fixed="{{true}}" 不管用 依然遮挡
      2019-08-11
      回复
    • 余栀丶
      余栀丶
      2019-08-12回复ネф イω
      你发个代码片段看看
      2019-08-12
      回复
    • ネф イω
      ネф イω
      2019-08-12
      我现在使用cursor-spacing ='50' 和切换position:absolute及 position:fixed
      2019-08-12
      1
      回复
  • Code Weaver
    Code Weaver
    2019-05-08

    了解下

    cursor-spacing='100'


    https://developers.weixin.qq.com/s/u9ifQdm5798m


    2019-05-08
    有用
    回复 1
    • 余栀丶
      余栀丶
      2019-05-09

      设置这个属性确实有所帮助 但textarea组件的位置依然不正确,达不到预期效果

      2019-05-09
      回复
登录 后发表内容