收藏
回答

textarea在模态框中定位问题

问题模块 框架类型 问题类型 操作系统版本 手机型号 微信版本
客户端 小程序 Bug MacOS Mi note3 6.7.3测试版

基于上次提的bug (https://developers.weixin.qq.com/community/develop/doc/000806ba7147a0418c5770eb05a400) 没有答复,为了修复能修复这个textarea的一些bug,我是操碎了心,前后弄了差不多1个月,还没解决。


(提供的代码片段需要在真机上才能复现)


问题如下:


textarea 显示在自定义的 modal 底部,当 textarea 获得焦点的时候(由于textarea是多行输入框),显示不全,当输入内容或者回车几行之后,textarea往上移动才能显示全,当删除textarea内容时,textarea又回到显示不全的状态。因此我想到另一种方案来解决,就是设置textarea为浮动同时,根据textarea是否获得焦点来动态设置 距离顶部的距离,现在又遇到的问题是,每次弹出键盘都会把页面往上顶,导致设置的top值无效,textarea换行时又恢复正常。


口述无凭,有录视频为证 https://pan.baidu.com/s/1e-S8H7CUc8nasXImAbDiNQ

最后一次编辑于  2018-09-29  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • 是柿子啊
    是柿子啊
    2018-09-29

    ,经测试,并无复现问题,或是你更新一下微信版本试试:6.7.3

    2018-09-29
    赞同
    回复 4
    • 生命過客
      生命過客
      2018-09-29

      ios我没试过,Android你试试看

      2018-09-29
      赞同
      回复
    • 是柿子啊
      是柿子啊
      2018-10-08回复生命過客

      是安卓才复现的问题吗?

      2018-10-08
      赞同
      回复
    • 生命過客
      生命過客
      2018-10-08回复是柿子啊

      对的

      2018-10-08
      赞同
      回复
    • 是柿子啊
      是柿子啊
      2018-10-08回复生命過客

      你说的安卓的问题是这里吗?

      2018-10-08
      赞同
      回复
  • 生命過客
    生命過客
    2018-10-08

    是这里,输入多行的时候这里会有一块空白的地方,这是设置了cursor-spacing 属性。


    没有设置 cursor-spacing 的情况下,在还没输入内容的时候,textarea 显示不全,在某些Android机下甚至不显示


    2018-10-08
    赞同
    回复