公告列表
公告列表
收藏
回答

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

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

;

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

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

基础库版本也是2.17.0如图

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

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

5 个回答

  • 2023-03-08

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

    2023-03-08
    有用 1
    回复 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
      赞
      回复
  • 朝酒晚舞
    朝酒晚舞
    2021-06-09

    加了min-height么？

    2021-06-09
    有用
    回复 5
请 登录 后发表内容
相关问题
相关文档