测试机型:华为荣耀7
系统版本: android6.0
< view > < view >姓名</ view > < view > < input type = "text" placeholder = "请输入1到4个汉字" cursor-spacing = "170" /> </ view > </ view > < view > < view >手机号</ view > < view > < input type = "number" placeholder = "请输入11位手机号码" maxlength = "11" cursor-spacing = "120" /> </ view > </ view > |
焦点处于上面text输入框,键盘处于弹起状态,此时直接点击下面number输入框,键盘切换为数字键盘,number输入框完全被键盘遮挡,number输入框的cursor-spacing和默认的adjust-position属性效果完全失效
mark 遇到同样的问题 https://developers.weixin.qq.com/community/develop/doc/000a80dc898178ac7a87b942f51000?highLine=cursor-spacing%2520%25E5%25A4%25B1%25E6%2595%2588
描述问题的地方有一些不太清楚,我想确认一下认为是 BUG 的地方:
应该是 number 键盘盖住 text 键盘,而不是 text 键盘盖住新拉起的 number 键盘。
后拉起的键盘的 cursor-spacing 和 adjust-postion 失效。
bug是number键盘盖住了number输入框
没有复现。在代码片段中输入框在顶部,键盘从下部拉起。不管什么手机中间都会有至少 200 px 以上的距离。不明白为什么说键盘会遮住输入框。
出现同样的问题,当最外面的盒子是position: fixed;的时候,input的type为number不会往上推动,并且文字会消失,当type为text时就没有问题。
我前面还有内容,输入框距离底部的距离肯定是小于键盘高度的。
测试了其它android,某些机型表现正常。