Component containing the Popover is not clickable
See original GitHub issueSee example here: https://snack.expo.io/Hy8bKJDJ4 the popover itself is clickable but its container component will stop responding to clicks.
Device/Setup Info:
- Device: any
- OS: iOS
react-native
version: 0.57.4, exporeact-native-popover-view
version: 1.014
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Click in popover not working - Stack Overflow
The issue is because although you're using a delegated event handler, which is the correct solution to this problem, the .popover-body ...
Read more >Popovers - Bootstrap
Triggering popovers on hidden elements will not work. Popovers for .disabled or disabled elements must be triggered on a wrapper element.
Read more >Bootstrap JS Popover Reference - W3Schools
Name Type Default Try it
animation boolean true Try it
container string, or the boolean false false Try it
content string "" Try it
Read more >React-Bootstrap Popover Component - GeeksforGeeks
as: It can be used as a custom element type for this component. · bsPrefix: It is an escape hatch for working with...
Read more >Fixed: Bootstrap Popover not working (due to javascript error)
It might be. If javascript hits a bad error it abandons further processing. So it may never get to certain parts of the...
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
Ok, I got it to work now. This is actually by design, a popover is just a modal contained to a smaller area so all taps are captured. You can use
onClose
prop to catch taps on the background. TheshowBackground
prop just controls the background visibility, but it is always there. TheshowInModal
prop only controls whether it is shown in a RNModal
component or shown in a JS-only view that takes over the screen in a similar manner (that may be misleading, sorry). Hopefully that clears things up, but I could explain better if needed.As another note, it is best practice to keep the
Popover
component outside of theTouchable
, as a sibling.If you would like the ability to keep the popover open while having taps go through to the background, please open a new issue as a feature request, and we can discuss the feasibility of that there.
@SteffeyDev cool! I will look into it as soon as I can!