收藏
回答

textarea设置auto-height后第一行或者最后一行被顶出?

固定在底部的textarea设置auto-height之后输入文字如图所示(开发者工具端)顶部被遮挡,基础库是2.17.0(如下图)

;

手机端是底部行被遮挡,而且输入法弹框会遮挡部分输入框,效果如下图

聚焦到哪一行下面的文字会被输入法遮挡如下图

基础库版本也是2.17.0如图

代码片段如下:https://developers.weixin.qq.com/s/oUHMhVmj7Nq0

最后一次编辑于  2021-06-09
回答关注问题邀请回答
收藏

4 个回答

  • 2023-03-08

    设置textarea的box-sizing为content-box,计算的时候不会出错,而且也能完美保留padding

    2023-03-08
    有用 2
    回复 1
    • 不sama
      不sama
      2023-03-21
      好兄弟,你救了我。抱拳ing
      2023-03-21
      回复
  • 神经蛙
    神经蛙
    2021-06-09

    测试了下其他基础库也有这个问题

    2021-06-09
    有用 1
    回复 6
    • 神经蛙
      神经蛙
      2021-06-09
      你把padding去掉就没有这个问题了
      2021-06-09
      1
      回复
    • 你好耀眼。
      你好耀眼。
      2021-06-09回复神经蛙
      这样也不美观啊感觉还是需要修改的,谢谢回复>_<
      2021-06-09
      回复
    • 你好耀眼。
      你好耀眼。
      2021-06-09回复神经蛙
      主要感觉那个聚焦把下面文字挡住也是挺不好的体验,感觉还是要继续优化
      2021-06-09
      回复
    • 谢
      2021-09-07回复神经蛙
      我没有设置padding也不行。。
      2021-09-07
      回复
    • 不瘦回115不改名
      不瘦回115不改名
      01-10回复
      一样的
      01-10
      回复
    查看更多(1)
  • RuanYu
    RuanYu
    2022-09-23

    去掉 padding 和圆角之后恢复正常,可以在原生 textarea 包裹一层相同颜色的 view 来实现圆角以及 padding 功能

    2022-09-23
    有用
    回复
  • 谢
    2021-09-07

    请问问题解决了吗?我这边就在一个苹果手机上遇到了这种问题,弄不好。

    2021-09-07
    有用
    回复 1
    • 你好耀眼。
      你好耀眼。
      2021-09-08
      没有,官方还没注意没处理,我改成另一种样式发布评论了
      2021-09-08
      回复
登录 后发表内容