zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-08-15 18:45:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix] Avoid edge case where focus jumps between TextInputs

Browse Source 
Close #2163
Fix #2162
This commit is contained in:
Markus Kobisch
2022-02-17 14:47:36 -08:00
committed by Nicolas Gallagher
parent 438b7b7281
commit d21c401620
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-native-web/src/exports/TextInput/index.js
Vendored
+9 -2
View File
@@ -83,6 +83,8 @@ function isEventComposing(nativeEvent) {
return nativeEvent.isComposing || nativeEvent.keyCode === 229;
}
let focusTimeout: ?TimeoutID = null;
const TextInput: React.AbstractComponent<
TextInputProps,
HTMLElement & PlatformMethods
@@ -243,8 +245,13 @@ const TextInput: React.AbstractComponent<
}
if (selectTextOnFocus) {
// Safari requires selection to occur in a setTimeout
setTimeout(() => {
hostNode.select();
if (focusTimeout != null) {
clearTimeout(focusTimeout);
}
focusTimeout = setTimeout(() => {
if (hostNode != null) {
hostNode.select();
}
}, 0);
}
}