Scroll event not triggering popover positioning function
@Alfred
I 've created a custom function in my UI package that calculates the positioning of popovers in the top layer using the Popover API . I call this positioning function when the popover is toggled and on a scroll event to ensure the position is recalculated if the page is scrolled . I also created a component that places popovers relative to a trigger , where it accepts the trigger ID and popover ID . This approach has worked flawlessly until now . I 've placed a relative popover deep inside a component on my page , where the parent overflows . The position is not recalculated when I scroll the page , as if the scroll event isn 't being triggered . I 'm wondering if anyone knows of potential issues or common pitfalls related to scroll events not being triggered in this context . I 'm eagerly awaiting broader support for the anchor ( ) CSS function - https://developer.mozilla.org/en-US/docs/Web/CSS/anchor , which should handle all these headaches of positioning popovers ! 😅
.jpeg/public)