为啥这么基础的问题一直解决不了。。
<textarea placeholder="sxx是猪"class="textarea"auto-height="true"></textarea> 代码语言:javascript 复制 .textarea{margin-top:80rpx;width:80vw;border:1rpx solid red;min-height:100rpx;font-size:20px} 发现在原生微信小程序语法中,使用auto-height属性,输入框高度会随着文字的增加而增加。 在uni-ap...
小程序 Bug textarea 微信iOS客户端 8.0.49 3.4.8 textarea组件,设置了auto-height=“true”后。textarea里面输入长文本内容。输入时,输一个字被键盘挡住,再输入又恢复,再输入一个字又被挡住。删除、换行等操作一样。不要找我提供代码片段,你们自己搞个例子试试就知道,必现。 回答关注问题邀请回答 收藏 分享...
hiddenTextarea.value='';letsingleRowHeight = hiddenTextarea.scrollHeight- paddingSize;if(minRows !==null) {letminHeight = singleRowHeight * minRows;if(boxSizing ==='border-box') { minHeight = minHeight + paddingSize + borderSize; } height =Math.max(minHeight, height); result.minHeight...
textarea的autoHeight在开发者工具中可以使用,在真机测试无效 开发者工具效果: 真机效果: 代码片段: <textarea class="textarea" maxlength="800" @linechange="checkLine" :fixed="true" v-model="value1" auto-height :placeholder="pid? '回复@':'写评论' "/> 客户端 最后一次编辑于 2023-08-24 点...
这是最简单的方法,不需要 JavaScript,并且兼容性好。利用resize: none禁用手动调整大小,并使用overflow: hidden隐藏滚动条。核心是设置height: auto和min-height来实现自适应。 textarea{resize: none;overflow: hidden;min-height:50px;/* 设置一个最小高度 */height: auto;box-sizing: border-box;/* 包含 padd...
height:0;overflow:hidden这个也可以,获取scrollHeight z-index:-999这也可以的。 position:absolute;top:-9999px;left:-9999px也是可以的 elementUI 实现 https://github.com/ElemeFE/element/blob/dev/packages/input/src/calcTextareaHeight.js let hiddenTextarea; ...
<textarea auto-height="true" placeholder="sxx是猪" class="textarea"></textarea> 1. .textarea { margin-top: 80upx; width: 80vw; border: 1rpx solid red; min-height: 100upx; font-size: 20px } 1. 2. 3. 4. 5. 6. 7.
观察得知,微信小程序中由于输入框中文字比较紧凑,uni-app中文字比较稀疏。故猜测可能是行高将文字的整体高度撑起,大于了输入框的可视区域。所uni-app中出现了滚动的效果。 所以,修改uni-app的输入框中文本的行高即可解决该问题。 关于 文章首发于:uni-app textarea auto-height 文字出现上下滚动...
div和textarea需要设置相同的padding,和相同的行号line-height,相同的字体,否则高度不同步。 参考链接 https://www.zhangxinxu.com/wordpress/2010/12/div-textarea-height-auto/ https://blog.csdn.net/qq_32963841/article/details/85781621 https://www.cnblogs.com/nkqlhqc/p/12035350.html ...