xwe_不倒翁
xwe_不倒翁
  • 发布:2022-11-16 22:54
  • 更新:2022-11-16 23:16
  • 阅读:378

【报Bug】input在三星手上输入字母会被遮住一部分

分类:uni-app

产品分类: 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截图、调试工具截图

2022-11-16 22:54 负责人:DCloud_UNI_GSQ 分享
已邀请:
xwe_不倒翁

xwe_不倒翁 (作者)

之前已经有反馈过这个问题了:https://ask.dcloud.net.cn/question/144212,后面忙就忽略了这个问题,现在测试组测试再次反馈这个问题,所以需要重视起来了。
目前我临时解决的方案是通过判断机型如果是三星机型就/deep/强制把input的height值设置成auto,这样做缺点就是input的可点击区域特别小,我就外面套了一层view设置高度,然后通过点击view 给input动态设置focus为true ,blur失去焦点在把focus动态为false。
虽然有骚操作的解决方案,但是这个问题还是希望官方能够解决掉

该问题目前已经被锁定, 无法添加新回复