react-native-gesture-handler icon indicating copy to clipboard operation
react-native-gesture-handler copied to clipboard

TextInput not working properly with react-native-web on some browsers

Open sorakthunly opened this issue 3 years ago • 5 comments

Issue

TextInput event onChange and onChangeText doesn't invoke on the following browsers:

  • Safari - Mobile
  • Safari - Desktop
  • Chrome - Mobile (iOS)

They seem to work fine on Chrome Desktop and Firefox Desktop

sorakthunly avatar Jul 22 '20 16:07 sorakthunly

Did you ever find a solution to this? I'm running into a similar problem.

GarettFogel avatar Dec 18 '20 01:12 GarettFogel

Also running into this on "react-native-gesture-handler": "~1.10.2", It only accepts one letter at a time and the cursor always shows up at the beginning on focus. So if you click the arrow to go to the next input, then the other arrow to go back, you could technically enter what you need to in reverse. Going back to using TextInput from react-native for now which works fine

zachdixon avatar Jul 31 '21 21:07 zachdixon

I'm still seeing this problem in Safari Desktop. Is there a workaround?

zuluana avatar Dec 28 '21 17:12 zuluana

Same issue on IOS both chrome and safari. "react-native-gesture-handler": "^1.9.0",

WayneWang98 avatar Jun 17 '22 03:06 WayneWang98

Hi, this issue should be fixed in 2.6.1

Note that this change is available in new web implementation. To enable it, call enableExperimentalWebImplementation() in the root of your project

m-bert avatar Sep 21 '22 12:09 m-bert

I'll close the issue since the new web implementation is enabled by default starting with 2.10.0.

j-piasecki avatar May 17 '23 10:05 j-piasecki