碎时UP
碎时UP
  • 发布:2022-11-16 14:15
  • 更新:2022-11-16 21:01
  • 阅读:1792

【报Bug】input输入框maxlength问题

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10

HBuilderX类型: 正式

HBuilderX版本号: 3.6.4

第三方开发者工具版本号: Windows 10

基础库版本号: 3.6.4.20220922

项目创建方式: HBuilderX

示例代码:
<input :maxlength="10"/>

操作步骤:

1、设置maxlength=5
2、在输入框输入分享两个汉字

预期结果:

键盘字符长度不进行校验,键盘上可以正常输入,到了inpu框中自动截断

实际结果:

输入分享时会发现在拼音键盘拼写分享这个词是 会卡在fenxi 这里无法继续输入,但此时我的拼音还在我输入法键盘上就开始检验这很不合理

bug描述:

运行环境:
ios下的微信小程序100%必现

uniapp 中 input组件设置了maxlength之后无法正常输入到指定数量的字符 在汉字拼音阶段就无法继续输入!

演示视频在附件

2022-11-16 14:15 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

已查看视频中确实存在问题,但是这边测试并未复现该问题,请尝试微信原生开发是否存在该问题或提供测试工程,谢谢

  • 碎时UP (作者)

    <input type="text" placeholder="请输入文本" :maxlength="5" />

    测试工程就是这么一句话

    我使用的ios 16.1.1 原生手机键盘编译成微信小程序就可以复现 我找了几个ios机器都是这样,模拟器是正常的使用真机就能复现

    2022-11-16 15:06

碎时UP

碎时UP (作者) - 八嘎嘎

@DCloud_UNI_WZF 能帮忙看下么

DCloud_UNI_GSQ

DCloud_UNI_GSQ

maxlength,会将输入框内的文本长度进行限制,部分输入法在输入拼音的过程中,拼音也会进入输入框,此时也受到长度限制。

尽管这样有些不合理或者不方便,但是输入框底层就是这样实现的。

解决方案:

  • 取消 maxlength 属性,自己实现长度验证。
  • 反馈到微信小程序社区,请求微信小程序官方开发人员改进底层实现,或者提供更好的绕过方案。
  • 碎时UP (作者)

    好的感谢

    2022-11-17 11:27

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