问:
textarea聚焦弹起键盘,回车换行后(在最后一行回车),页面与键盘间会多出一层空白,这是为什么?(如下图)
< view style = 'position: fixed;width: 750rpx;min-height: 100rpx;background-color: red;bottom: 0;margin: 0;' > < textarea show-confirm-bar = '{{false}}' auto-height = '{{true}}' style = 'background-color: black;margin: 0;position: absolute;bottom: 0;color: white;' cursor-spacing = '0' ></ textarea > </ view > |
page { width : 100% ; height : 100% ; margin : 0 ; padding : 0 ; } |
想做微信聊天那样的界面,就是输入框高可变(所以红色那层容器只给了min-height)但低于设置的最大值,整个布局思路可以有什么好的意见想法传授一下吗?
特别是键盘弹起的距离,怎样能让他在textarea的下面而不是根据光标?因为textarea有多行而我不想定位光标。
还有一个问题是,换行事件好像有点坑?只有换行后有内容才触发????我丢?
遇到了同样的问题,同时设置了auto-height 与 cursor-spacing就出现了这个问题
这里?还是?
对,就是这里,多了一层空白出来,在最后一行换行的时候就会出现
代码片段提供下:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
https://developers.weixin.qq.com/s/VSvljtmZ7s7c
测试手机: 一加5t;处理器: snapdragon(TM) 835;系统: android 9
你确定这空白不是输入法拼音显示处吗?
拼音是在输入法的工具栏显示的啊