RN parity: showSoftInputOnFocus property of <TextInput /> is not supported

[zzz0108]

Is there an existing issue for this?

• I have searched the existing issues

Describe the issue

In https://reactnative.dev/docs/textinput, there's the showSoftInputOnFocus property that will prevent the soft keyboard from showing when the field is focused, but react-native-web does not support this yet.

Expected behavior

showSoftInputOnFocus property of <TextInput /> works correctly

Steps to reproduce

1. Create a TextInput with showSoftInputOnFocus=false
2. Open mobile browser, click on the TextInput
3. We still see the keyboard open, the keyboard should not open

Test case

https://codesandbox.io/s/runtime-paper-lgmxb3

Additional comments

Since react-native-web does not support showSoftInputOnFocus yet, we need to make an update to support it
In https://github.com/Expensify/react-native-web -> packages/react-native-web/src/exports/TextInput/index.js

const {
+    showSoftInputOnFocus = true
  } = props;
...
  switch (keyboardType) {
    case 'email-address':
      type = 'email';
      break;
    case 'number-pad':
    case 'numeric':
      inputMode = 'numeric';
      break;
    case 'decimal-pad':
      inputMode = 'decimal';
      break;
    case 'phone-pad':
      type = 'tel';
      break;
    case 'search':
    case 'web-search':
      type = 'search';
      break;
    case 'url':
      type = 'url';
      break;
    default:
      type = 'text';
  }

+  if (!showSoftInputOnFocus) {
+    inputMode = 'none';
+  }

I can open a PR for this once this issue proposal is accepted.
Thanks!
cc @necolas

[necolas]

I think what we should do instead is do the mapping to inputMode in React Native. See facebook/react-native#34460

[necolas]

Support for inputMode='none' is now merged into react-native@main. Not sure if it will make it into the react-native@0.71.0 release. But inputMode will be supported in react-native-web@0.19.

[zzz0108]

@necolas do we have an estimated date for the react-native-web@0.19 release that will support the inputMode?

[zzz0108]

@necolas do we have an estimated date for the react-native-web@0.19 release that will support the inputMode?

@necolas can you take a look at this comment, thanks!

[zzz0108]

@necolas can you take a look at this comment, thanks!

@necolas can you help check this?
thanks!

[necolas]

No estimate

[necolas]

Using inputMode is now possible in 0.19 and with RN 0.71+. Thanks