"onBackdropPress" runs when keyboard is open
See original GitHub issueInfo
react-native => “^0.57.8” react-native-modal => “^7.0.2” testing on “Samsung S9+”
Problem
I am testing on android, while everything functions properly when there is no keyboard, but when keyboard is open, the onBackdropPress
executes when clicked inside the modal as shown below in the image:
This is the style of the modal container:
container: {
position: 'relative',
padding: moderateScale(20),
alignItems: 'flex-start',
backgroundColor: '#fff',
borderWidth: 1,
borderColor: COLOR_BORDER_LIGHT,
borderRadius: 30,
}
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11 (3 by maintainers)
Top Results From Across the Web
How to prevent react native modal from moving up when ...
On ios it is working fine i.e. the keyboard opens over the modal component, but not on android. avoidKeyboard={false} is not working. This...
Read more >react-native-modal - npm
Start using react-native-modal in your project by running `npm i ... avoidKeyboard, bool, false, Move the modal up if the keyboard is open....
Read more >keyboardavoidingview modal | The search engine you control.
It works but it causes my modal to glitch and "flicker" when the keyboard opens, and it is really ugly. Has anyone encountered...
Read more >Keep keyboard open - Expo Snack
placeholder="Autofocus to keep the. keyboard" style={{display: 'none'}} />. <Button title={'hide modal'}. onPress={() => setshowingModal(false)} />. </View>.
Read more >react-native-community - Bountysource
The swippable modal opening when you click on map elements. ... Even when using onModalHide I'm running into issues when I want to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
yes, it’s still happening. Let me pull down an example code ASAP.
@danielnmai thanks for reporting. I guess it could be solved by disabling
onBackdropPress
when the keyboard is open. It can be done directly in your app (just put theonBackdropPress
in the state and change it based on the keyboard state), but the most elegant solution is probably putting it directly inreact-native-modal
. Anyone willing to tackle it with a PR?