Input的value同步时，IOS下原生九宫格中文输入法会失去焦点

[vdfor]

相关平台

支付宝小程序

复现仓库

https://github.com/vdfor/taro-issue-demo-004
小程序基础库: 1.24.0
使用框架: React

复现步骤

最小化仓库运行后，使用iphone预览，输入法切换为中文九宫格，点击 mno 按钮，会发现很快失去焦点，且输入框出现字母。

主要复现代码如下：

import React, { FC,useState } from 'react'
import { View, Input } from '@tarojs/components'
import styles from './index.module.scss'

const Index:FC = () => {
  const [text, setText] = useState('');

  const onInput = (e:any) => {
    setText(e.detail.value);
  }

  return (
    <View className={styles.wrap}>
      <Input value={text} onInput={onInput} className={styles.input} placeholder='请输入...' />
          <View>输入的值：{text}</View>
    </View>
  )
}

export default Index;

期望结果

在IOS下可以正常使用

实际结果

九宫格输入法无法使用

环境信息

Taro CLI 3.0.6 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 12.18.2 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.4 - C:\Users\vdfor\AppData\Roaming\npm\yarn.CMD
      npm: 6.14.5 - C:\Program Files\nodejs\npm.CMD

---

补充信息

在IOS13.2.2（iphonex） 和 IOS12.3.1 (iphone6plus)均出现此问题。

此问题与 #7225 应该是同一问题

[YoursOwen]

请问 ios下九宫格这个问题解决了吗？

[Chen-jj]

设置这个属性应该就可以了：

3.0.26 或 3.1.0-beta.5 开始支持设置此属性

[shenggen1987]

我是设置了 type='number' 才有你的问题，奇怪了，不设置就是好的

[shenggen1987]

有遇到有时输入不了中文的情况吗？ 感觉时好时坏

[shenggen1987]

@Chen-jj enableNative怎么使用？<Input enableNative={true} /> 还是<Input enableNative="true" />