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

在鸿蒙微信小程序里,taro Input组件 输入框输入快了或按住删除键不放字会来回抖动,不能正常输入或删除;鸿蒙微信小程序中用微信小程序原生组件试了下,相同场景下没有抖动问题 #16809

Open
rabbit77 opened this issue Nov 4, 2024 · 0 comments
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x

Comments

@rabbit77
Copy link

rabbit77 commented Nov 4, 2024

相关平台

微信小程序

小程序基础库: 3.5.8
使用框架: React

复现步骤

在鸿蒙微信小程序中,输入快了之后或者按住删除键不放,输入框的字会来回抖动,不能正常输入或删除

重现链接:https://github.com/rabbit77/demo-taro-input/tree/main/src (用taro 原生的Input组件就可以复现,但是放到上边的重现链接提交不了,放到重现步骤里提交了)

期望结果

跟原生微信小程序input组件效果一致,快速输入或删除不会抖动

实际结果

在鸿蒙微信小程序中,连续输入输入框会抖动

环境信息

 Taro v4.0.6


  Taro CLI 4.0.6 environment info:
    System:
      OS: macOS 14.4
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.18.0 - /usr/local/bin/node
      Yarn: 1.22.22 - /opt/homebrew/bin/yarn
      npm: 10.8.2 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.15 => 3.6.15
      @tarojs/components: 3.6.15 => 3.6.15
      @tarojs/helper: 3.6.15 => 3.6.15
      @tarojs/plugin-framework-react: 3.6.15 => 3.6.15
      @tarojs/plugin-inject: 3.6.15 => 3.6.15
      @tarojs/plugin-mini-ci: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-alipay: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-h5: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-jd: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-qq: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-swan: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-tt: 3.6.15 => 3.6.15
      @tarojs/plugin-platform-weapp: 3.6.15 => 3.6.15
      @tarojs/react: 3.6.15 => 3.6.15
      @tarojs/runtime: 3.6.15 => 3.6.15
      @tarojs/shared: 3.6.15 => 3.6.15
      @tarojs/taro: 3.6.15 => 3.6.15
      @tarojs/webpack5-runner: 3.6.15 => 3.6.15
      babel-preset-taro: 3.6.15 => 3.6.15
      eslint-config-taro: 3.6.15 => 3.6.15
      react: ^18.2.0 => 18.3.1

补充信息

业务场景:微信鸿蒙小程序,在表单中,业务中使用时value赋值又用onInput事件赋值setValue。
可能原因:setValue是异步方法,onInput时,setValue赋值给value再展示,可能是异步导致的。

@TheKonka TheKonka added V-3 Version - 3.x F-react Framework - React T-weapp Target - 编译到微信小程序 labels Nov 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x
Projects
Status: Todo
Development

No branches or pull requests

2 participants