棒榜
棒榜
  • 发布:2023-03-14 20:09
  • 更新:2023-03-15 18:04
  • 阅读:453

【报Bug】nvue 下 textarea 设置 auto-height属性,底部多出来一部分高度

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.5

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: 红米K50 Pro

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<view  class="input-warp">  
                        <textarea ref="chatInput" class="chat-input" v-model="inputText" :cursor-spacing="20" :auto-height="true"  
                            confirm-type="send" maxlength="150" />  
                    </view>

css

.input-warp {  
            overflow: hidden;  
            background-color: #ffaaff;  
            border-radius: 5px;  
            padding: 8px;  
            flex: 1;  
            display: flex;  
            flex-direction: row;  
            align-items: center;  
        }  
        .chat-input {  
            background-color: #FFF;  
            overflow: hidden;  
            flex: 1;  
            padding: 0;  
            line-height: 22px;  
        }

操作步骤:

APP真机运行到页面

预期结果:

textarea高度为38px,文字垂直居中

实际结果:

textarea高度应该大于38px,文字没有垂直居中

bug描述:

使用auto-height后发现文字没有垂直居中,后面发现添加该属性后,textarea会在底部还有一小部分高度;然后去掉auto-height属性后,将高度设为height:22px之后就不会有底部多出来的高度。确定是使用了auto-height后使高度不一致

2023-03-14 20:09 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

auto-height设置为true,设置高度会失效

  • 棒榜 (作者)

    我知道,问题是他界面上多出底部的高度

    2023-03-16 09:34

要回复问题请先登录注册