Text input submit button not working on first click

Environment

react: 16.8.3 => 16.8.3 react-native: 0.59.8 => 0.59.8

Platforms

Both in Android and iOS

Versions

• Android: 9
• iOS: 13.3
• react-native-modal: 11.4.0
• react-native: 0.59.8
• react: 16.8.3

Description

Have a text input and submit and close button in the modal. The keyboard is autofocus and with the keyboard is opened and try to close or submit the inputs, the buttons are not working on the first click. On first click the keyboard is closed and need to click on the button second time to submit.

Reproducible Demo

Step to reproduce:

1. A text input, close and submit button in modal.
2. The keyboard is auto-focused when the modal appears.
3. Try to close the modal, by clicking the close button with the keyboard opened.
4. On the first click the keyboard closed and need to tap again the close button to close the modal.

[mo-patel]

Is your content wrapped in a <ScrollView />? If so, try keyboardShouldPersistTaps={'handled'} in <ScrollView> props.

[nafisholeh]

keyboardShouldPersistTaps={'handled'} works for me, but in my case, I need to put these props into both the ScrollView and KeyboardAwareScrollView.

My code more or less looks like this:

<ScrollView 
     keyboardShouldPersistTaps={'handled'}
>
   ...
      <KeyboardAwareScrollView
           keyboardShouldPersistTaps={'handled'}
      >
         ...
         <Modal>...</Modal>
         ...
      <KeyboardAwareScrollView>
   ...
<ScrollView>