taro-ui [字节跳动] AtInput 无法连续输入

[字节跳动] AtInput 无法连续输入

Open hao-li opened this issue 4 years ago • 24 comments

问题描述 使用官网文档的代码，在 AtInput 输入一个字符后，该组件就自动失去焦点，无法连续输入。

iOS 真机上还会出现键盘消失，输入的字符消失的现象。

复现步骤

git clone [email protected]:hao-li/taro-problem-sample.git
yarn
yarn build:tt（yarn dev:tt）
点击进入字节跳动小程序问题页
在『标准5个字』处的 AtInput 进行输入

  handleInputChange (value) {
    this.setState({
      inputValue: value
    })
    // 在小程序中，如果想改变 value 的值，需要 `return value` 从而改变输入框的当前值
    return value
  }
        <AtInput
          name='value'
          title='标准五个字'
          type='text'
          placeholder='标准五个字'
          value={this.state.inputValue}
          onChange={this.handleInputChange.bind(this)}
        />

期望行为 期望能连续完成输入

报错信息 该组件就自动失去焦点，无法连续输入。 iOS 真机上还会出现键盘消失，输入的字符消失的现象。

系统信息

👽 Taro v1.3.35


  Taro CLI 1.3.35 environment info:
    System:
      OS: macOS 10.15.2
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 11.10.0 - /usr/local/bin/node
      Yarn: 1.17.3 - /usr/local/bin/yarn
      npm: 6.13.4 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 1.3.35 => 1.3.35
      @tarojs/plugin-babel: 1.3.35 => 1.3.35
      @tarojs/plugin-csso: 1.3.35 => 1.3.35
      @tarojs/plugin-sass: 1.3.35 => 1.3.35
      @tarojs/plugin-uglifyjs: 1.3.35 => 1.3.35
      @tarojs/router: 1.3.35 => 1.3.35
      @tarojs/taro: 1.3.35 => 1.3.35
      @tarojs/taro-alipay: 1.3.35 => 1.3.35
      @tarojs/taro-h5: 1.3.35 => 1.3.35
      @tarojs/taro-swan: 1.3.35 => 1.3.35
      @tarojs/taro-tt: 1.3.35 => 1.3.35
      @tarojs/taro-weapp: 1.3.35 => 1.3.35
      @tarojs/webpack-runner: 1.3.35 => 1.3.35
      eslint-config-taro: 1.3.35 => 1.3.35
      eslint-plugin-taro: 1.3.35 => 1.3.35
      nerv-devtools: ^1.5.6 => 1.5.6
      nervjs: ^1.5.6 => 1.5.6
      stylelint-config-taro-rn: 1.3.35 => 1.3.35
      stylelint-taro-rn: 1.3.35 => 1.3.35

Taro 版本: 1.3.35
Taro UI 版本: 2.2.4
报错平台: tt

补充信息 v2.2.1 版本也存在此问题