question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

fix: Menu not showing inside of react-native modal component

See original GitHub issue

Current behaviour

Menu component is not showing inside of react-native modal

Expected behaviour

Menu component to be show even in react-native model.

Code sample

https://snack.expo.io/L5vLMUFpG

What have you tried

I tried to check if my setup is correct. Outside of modal my menu is working fine, when using inside of react-native Modal component, no menu after triggering shows up.

Your Environment

software version
ios or android iOS 14.4
react-native 0.63.4
react-native-paper 4.7.1
node 14.5.0
npm or yarn 1.22.5
expo sdk

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
PunainenAurinkocommented, Nov 4, 2021

This is issue is still happening to me with RN Paper v. 4.10.0 - Menu is not showing up when triggered from insider a RN modal, unless it is wrapped in a Provider tag. NOTE: The Provider tag must be at the top level of the view inside the RN modal that shows the menu. Then it works without a problem.

1reaction
TOPCODER10192commented, Sep 11, 2021

@milankyncl were you able to solve this issue?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popup menu not showing over Modal component #162 - GitHub
I'm trying to use component in Modal window (showing post) as context menu. When I press trigger menu renders under Modal. Any ideas...
Read more >
Why is custom react-native modal not displaying its contents?
The problem is in the CustomModal component you are setting this.state.visible to the value of props.visible , but since the only time it ......
Read more >
Modal - React Native
The Modal component is a basic way to present content above an enclosing view.
Read more >
React Native Modal Box - Everything you Need to Know
A guide to show a React Native Modal box in full screen, bottom-half screen, transparent background, close on click outside with style examples....
Read more >
<Modal/> Component - React-Bootstrap
When backdrop is set to static, the modal will not close when clicking outside it. Click the button below to try it. ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found