Hi everyone,
I’m running into what seems like a simple issue, but it’s taken up quite a bit of my time.
I have a GroupFocus element inside a Popup, and it works fine initially. However, when the referenced element scrolls out of view or the popup content shifts—and the GroupFocus is still visible—it ends up outside the popup’s visual boundaries. This breaks the UI context and looks awkward.
What I’ve Tried:
- Lowering the z-index of the GroupFocus
- Avoiding scroll-based logic inside the popup, since it’s unreliable and can cause responsiveness issues
I’m hoping to find a clean solution to keep the GroupFocus contained within the popup, or at least ensure it doesn’t float outside when the referenced element is no longer visible.
Any ideas, tips, or workarounds would be greatly appreciated!
Thanks in advance!
