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

展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Lucy十一

    10人对此回答表示赞同

    展开
    10
    2回复
    发布于 5年前

    评论(2)

    收起评论

    • Thadeus 2019-03-10 11:28

      我又尝试了在data里声明一个值用来控制cursor-spacing,使用bindlinechange事件去根据lineCount去动态设置cursor-spacing去解决这个问题,发现在bindlinechange里面setDatatextarea的cursor-spacing没有用,下一次bindlinechange触发时才生效

      回复
    • 肆无忌惮 2019-03-13 00:11

      知道是设置了cursor-spacing,然后换行时导致有空白,但怎么解决这个这个问题呢?

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部