Current behavior

When using Drawer with e.g. swipeEdgeWidth: 500 pressing inside a TextInput is closing the Keyboard (instead of keeping the focus inside the TextInput

Expected behavior

• I expect the Keyboard not to close when pressing again inside the TextInput
• The problem is with react-native-gesture-handler calling onStart before the activation criteria is met

  react-navigation/packages/drawer/src/views/modern/Drawer.tsx

  Lines 183 to 188 in a2e5f45

  	onStart: (event, ctx) => {
  	ctx.startX = translationX.value;
  	gestureState.value = event.state;
  	touchStartX.value = event.x;
  	runOnJS(onGestureStart)();

• The issue on RNGH is (kind of) documented here: onStart called before activation criteria is met software-mansion/react-native-gesture-handler#1225
• The best solution imho for this is to migrate to the new GestureDetector, which has a onBegin and a onStart, where onStart is really only called when the activation criteria is met.
  • PR for this change: [Drawer] refactor: use GestrueDetector to fix onStart bug  #10928
• Another solution might be to move the onGestureStart to onActive
  • PR, if you prefer this proposal over the other: fix: only call onGestureStart when criteria met in drawer #10929

Reproduction

https://github.com/hannojg/react-navigation-swipeEdgeWidth-reproduction

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/​bottom-tabs
• @react-navigation/​drawer
• @react-navigation/​material-bottom-tabs
• @react-navigation/​material-top-tabs
• @react-navigation/​stack
• @react-navigation/​native-stack

Environment

• I've removed the packages that I don't use