textarea在模态框中定位问题
发布于 5 年前 作者 hren 15180 次浏览 来自 问答

基于上次提的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

2 回复

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

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

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

回到顶部