textarea在modal中显示不全
发布于 6 年前 作者 jingfan 15153 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

textarea 在真机上的问题比较多,除了常见的 z-index 层级贼高外,还有如下问题。我们有一个列表页和详情页,有从列表页进入详情操作,还有从列表页进入详情页同时弹出评论输入框。再此遇到问题如下

    1. 没有设置 cursor-spacing 时,在真机上表现如下

小米note3显示如下

(textarea有设置高度的,此处显示不全,且还有个按钮完全被遮盖住了)

红米2A (android 低端机,微信版本是最新的,Android系统是4.4.4) 显示如下

(textarea完全被遮盖住了)

当输入内容足够多或者按键盘回车时,才能把textarea显示全

小米note3如下

红米2A 显示如下

  1. 当我在代码中设置了 cursor-spacing 时,显示正常,textarea 能完全显示,但是,输入内容过多换行时或者敲回车时 textarea 会往上顶,不过多出了一块空白的区域
  • 预期表现

不管textarea有没有输入内容,textarea 都能显示全,且输入内容或者换行时,textarea不会随内容往上移

  • 复现路径
  • 提供一个最简复现 Demo

代码片段:   wechatide://minicode/icer4kmm7U2b

4 回复

我也被这个问题折磨很久了,想了n多办法,都不好使

你好,这里的空白是因为你设置了 cursor-spacing的值,

快20天了,每天都来看一遍,没有解决思路,明天再来。

同样的问题,默默观望~

回到顶部