input表单输入g、j、q、y字母
溅兔
- 发布：2022-11-16 22:54
- 更新：2022-11-16 23:16
- 阅读：305
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macos m1 12.3
HBuilderX类型： 正式
HBuilderX版本号： 3.5.3
手机系统： Android
手机系统版本号： Android 7.1.1
手机厂商： 三星
手机机型： Galaxy Note8
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
不被遮挡
不被遮挡
实际结果：
input表单在输入g、j、q、y字母被遮挡
input表单在输入g、j、q、y字母被遮挡
bug描述：
input表单在输入g、j、q、y这几个字母会被遮住显示不全，经测试在所有的三星手机都会出现，其他手机vivo v1921a(android 10)和华为 nova 8 Pro(2.0.0.230)测试不会。
官方扩展插件forms也会出现，只要是用vue都会有这个问题，h5和app端都会有，nvue在app端不会。
通过调试工具审查元素调试发现：如果input设置了height值（height值绝对是够文字显示的，不存在height太小的问题）就会出现如上描述的问题，如果height值不设置就不会。
下图附上了：官方app截图、我自己app截图、调试工具截图
溅兔 (作者)
之前已经有反馈过这个问题了：https://ask.dcloud.net.cn/question/144212，后面忙就忽略了这个问题，现在测试组测试再次反馈这个问题，所以需要重视起来了。
目前我临时解决的方案是通过判断机型如果是三星机型就/deep/强制把input的height值设置成auto，这样做缺点就是input的可点击区域特别小，我就外面套了一层view设置高度，然后通过点击view 给input动态设置focus为true ，blur失去焦点在把focus动态为false。
虽然有骚操作的解决方案，但是这个问题还是希望官方能够解决掉
