收藏
回答

textarea 布局问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug textarea 微信iOS客户端 Android 6.6.6 2.0.8

自定高度表现非预期


真机

代码:

<textarea type="text" fixed="{{true}}" placeholder="添加补充说明" auto-height  show-confirm-bar="{{false}}" cursor-spacing="5"></textarea>


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

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-23

    你好,使用你的代码片段没能复现你的问题,你是在哪些设备上出现问题的?ios设备测试是否正常?

    2018-05-23
    有用
    回复 1
    • 卡里meiqian
      卡里meiqian
      2018-05-23
      你好,我试了一下,目测是因为我在textarea样式上面同时使用了 box-sizing: border-box; 和padding 属性。 举例 wxml: <textarea type="text" class="test" placeholder="测试" auto-height="{{true}}" show-confirm-bar="{{false}}" cursor-spacing="5"></textarea> wxss .test { border: 1rpx solid #CCCCCC; box-sizing: border-box; padding: 20rpx; font-size: 30rpx; border-radius: 8rpx; background-color: #F7F7F7; } 在工具上表现是:见下面的新回复。 如果去除padding 或者 box-sizing属性中的任何一个,表现正常。
      2018-05-23
      回复
  • Say _
    Say _
    2018-05-24

    不正常, 有默认间距

    2018-05-24
    有用 1
    回复 1
  • 卡里meiqian
    卡里meiqian
    2018-05-23

        同时使用box-sizing和padding


    去除padding,保留box-sizing


    去除box-sizing,保留padding


    2018-05-23
    有用
    回复
登录 后发表内容