Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(taro-components): 优化 input 组件 type 为 number 或 digit 时,输入特殊符号导致交互异常问题 #12476

Merged
merged 3 commits into from
Sep 20, 2022

Conversation

beezen
Copy link
Contributor

@beezen beezen commented Sep 13, 2022

这个 PR 做了什么? (简要描述所做更改)

优化 H5 端 input 组件 type 为 number 或 digit 时, 输入特殊符号导致交互异常问题。

描述:Web 的 input 组件 type=number时,当开发者输入特殊符号或者多个小数点时,input 组件的 value 值会表现为空,从而在业务场景下,会出现不符合预期的多种表现。在唤起 Web 端数字键盘时,通过对特殊符号的输入拦截可以做到一定交互体验优化。

这个 PR 是什么类型? (至少选择一个)

  • 错误修复(Bugfix) issue: fix #
  • 新功能(Feature)
  • 代码重构(Refactor)
  • TypeScript 类型定义修改(Typings)
  • 文档修改(Docs)
  • 代码风格更新(Code style update)
  • 其他,请描述(Other, please describe):

这个 PR 涉及以下平台:

  • 所有小程序
  • 微信小程序
  • 支付宝小程序
  • 百度小程序
  • 字节跳动小程序
  • QQ 轻应用
  • 京东小程序
  • 快应用平台(QuickApp)
  • Web 平台(H5)
  • 移动端(React-Native)

@taro-bot2
Copy link

taro-bot2 bot commented Sep 13, 2022

欢迎提交 PR~ Taro 非常感谢您对开源事业做出的贡献!🌷🌷🌷

一般 PR 会在一到两周内进行 review,成功合入后会随下一个版本进行发布。

Review 需要耗费大量时间,所以请遵循以下规范,协助我们提高 review 效率🙏🙏🙏

  1. 详细介绍 PR 的背景(非常重要,例如解决了什么问题,该问题如何复现等)
  2. 确保 CI 顺利运行。
  3. 最好能提供对应的测试用例。

为了更好地进行沟通,请加入 Taro 开发者微信群:

1 similar comment
@taro-bot2
Copy link

taro-bot2 bot commented Sep 13, 2022

欢迎提交 PR~ Taro 非常感谢您对开源事业做出的贡献!🌷🌷🌷

一般 PR 会在一到两周内进行 review,成功合入后会随下一个版本进行发布。

Review 需要耗费大量时间,所以请遵循以下规范,协助我们提高 review 效率🙏🙏🙏

  1. 详细介绍 PR 的背景(非常重要,例如解决了什么问题,该问题如何复现等)
  2. 确保 CI 顺利运行。
  3. 最好能提供对应的测试用例。

为了更好地进行沟通,请加入 Taro 开发者微信群:

@ZakaryCode ZakaryCode added A-components Area - H5 组件库相关 T-h5 Target - 编译到 H5 labels Sep 13, 2022
Copy link
Contributor

@ZakaryCode ZakaryCode left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

感谢贡献

@shanlh
Copy link

shanlh commented Oct 29, 2022

这个改动产生一个问题,输验证码时,比如 0571,第一位 0 就无法输入

@beezen
Copy link
Contributor Author

beezen commented Nov 1, 2022

这个改动产生一个问题,输验证码时,比如 0571,第一位 0 就无法输入

最新代码3.5.7 好像没有复现出问题来,可以描述下是什么环境下

@shanlh
Copy link

shanlh commented Nov 1, 2022

这个改动产生一个问题,输验证码时,比如 0571,第一位 0 就无法输入

最新代码3.5.7 好像没有复现出问题来,可以描述下是什么环境下

噢我是 3.5.6,type 是 number 时,第一位输入 0,然后输入其他数字,0 就会消失。
比如输入 07,输入内容就会变成 7。

@beezen
Copy link
Contributor Author

beezen commented Nov 2, 2022

这个改动产生一个问题,输验证码时,比如 0571,第一位 0 就无法输入

最新代码3.5.7 好像没有复现出问题来,可以描述下是什么环境下

噢我是 3.5.6,type 是 number 时,第一位输入 0,然后输入其他数字,0 就会消失。 比如输入 07,输入内容就会变成 7。

@shanlh 好像难以复现出来。 看了下源码应该没有对首位为0的情况做特殊处理;可以新开一个 issue 然后补充一下运行环境,如果可以,还可以提供一下简单的 demo

@shanlh
Copy link

shanlh commented Nov 2, 2022

2022-11-02.14.22.11.mov

<input v-model="number" type="number" />

我的描述遗漏了一点:需要数据绑定,我复现的时候没有加 v-model,就不会出现这个问题

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-components Area - H5 组件库相关 T-h5 Target - 编译到 H5
Projects
Archived in project
Development

Successfully merging this pull request may close these issues.

3 participants