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.

Component containing the Popover is not clickable

See original GitHub issue

See 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, expo
  • react-native-popover-view version: 1.014

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
SteffeyDevcommented, Apr 7, 2019

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. The showBackground prop just controls the background visibility, but it is always there. The showInModal prop only controls whether it is shown in a RN Modal 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 the Touchable, 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.

0reactions
segalr3commented, Apr 17, 2019

@SteffeyDev cool! I will look into it as soon as I can!

Read more comments on GitHub >

github_iconTop 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 >

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