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.

Posibility to have parentSelector on for Popovers like with Modals

See original GitHub issue

I’m using Popovers (well actually filters but they are configurable from popover property) in a right side panel, so I have to use position="overflowBoundaryElement" to have it correctly showing ( it to appear over the panel, not in the panel ).

With this solution, the position is correctly showing but, because the popover dom element is added at the end of the body, the page scrolls to the end, which I would like to avoid.

I experienced exactly the same problem with the modal but in the modal case, there is a property called parentSelector, so injecting the modal in an element always visible (in my case the navbar), avoid the page to scroll and is always keeping the scroll in the same position.

I recorded a little GIF with first opening the filter panel (and having the scroll issue) and then the modal (which is not having this issue because is injected in the navbar).

Video with the explanation of the issue

How could I make the popover to be injected where I want ( I think I’m asking for parentSelector for the popover)

PD: I tried the other 2 options; position="absolute" (having the same issue) and position="relative" (having the popover not visible because the right filtering panel is not 100% width) so just overflowBoundaryElement works for me.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
robertovgcommented, Sep 13, 2018

Sorry we’ve been very busy with no time to spend on this issue, but I’ll try to get it and generate the solution for it in next couple weeks 🙏

0reactions
stale[bot]commented, Dec 9, 2018

This issue has been automatically marked as stale, because it has not had recent activity. It will be closed if no further activity occurs. Maintainers are responsible for tech debt and project health. This is most likely a new components or component feature request. Please submit a pull request for or request feedback on this feature. Thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Popovers - Bootstrap
When you have some styles on a parent element that interfere with a popover, you'll want to specify a custom container so that...
Read more >
Bootstrap Popover parent? - Stack Overflow
I am using the latest Bootstrap & Jquery, if that's any use. Also remember to set position: relative to the parent, since popover...
Read more >
What You Need to Know Creating a jQuery Modal Popover in ...
Any type of window that is a child (secondary window) to a parent window and usurps the parent's control" (Webopedia.com). · Then copy...
Read more >
Bootstrap Popovers - examples & tutorial
Bootstrap popover is a component which displays a box with a content after a click on an element - similar to the tooltip...
Read more >
Javascript - UA Bootstrap - Arizona Digital
If you would like your modal to have a dark background, simply add the ... All dropdown events are fired at the .dropdown-menu...
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