I’m using an ActionIcon as the trigger for a controlled Mantine (v 8.3.10) Popover. Everything works normally until I scroll down the page. After scrolling, whenever I click the ActionIcon, the browser (Firefox) instantly scrolls back to the top of the page. The popover still opens, but the sudden scroll jump makes the UI unusable.
I also tried toggling the withinPortal prop, but it makes no difference.
It seems to work normally in Safari, so this might be Firefox–specific.
Can anyone confirm whether they also experience this in Firefox 146.0.0 (aarch64)?
To make sure it wasn’t something in my own code, I reproduced the issue in a minimal StackBlitz example:
https://stackblitz.com/edit/mantine-popover-scrolls-top?file=src%2FApp.tsx
Does anyone know if I’m using the Popover/trigger incorrectly, or if this might be a Firefox-related bug? Any help is appreciated!
Thanks! 🙏