收藏
回答

textarea在modal中显示不全

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

- 当前 Bug 的表现(可附上截图)


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


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


小米note3显示如下



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


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


(textarea完全被遮盖住了)


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


小米note3如下



红米2A 显示如下



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




- 预期表现


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


- 复现路径


- 提供一个最简复现 Demo


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

回答关注问题邀请回答
收藏

5 个回答

  • 悠悠
    悠悠
    2020-04-05

    两年过去了,有解决办法了吗?楼主 ,求回复

    2020-04-05
    有用
    回复
  • 丿心有猛虎丶
    丿心有猛虎丶
    2018-12-17

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

    2018-12-17
    有用
    回复
  • 🇦 🇷 🇴 🇺 🇸 🇪
    🇦 🇷 🇴 🇺 🇸 🇪
    2018-09-28

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

    2018-09-28
    有用
    回复
  • 道憨
    道憨
    2018-09-13

    同样的问题,默默观望~

    2018-09-13
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-09-11

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


    2018-09-11
    有用
    回复 7
    查看更多(2)
登录 后发表内容