Posibility to have parentSelector on for Popovers like with Modals
See original GitHub issueI’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).
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:
- Created 5 years ago
- Comments:7 (2 by maintainers)
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 🙏
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.