Fixed header in floating group issue

Hi everyone,

I have a fixed header inside a floating group in my single page PWA + a menu under the header (always inside the same floating group) that becomes visible when an icon in the header is clicked.

The problem is: on mobile (iOS) when I click the icon and the menu becomes visible, it works well if I just click on one of the buttons to navigate to another section of the app.
If before clicking on a button I scroll down/up, I can see the content behind the menu scrolling and when I click on one of the menu buttons it doesn’t do anything. I need to click a second time to make the button work. It’s as if the first click just puts the menu back in “focus”.

Does anyone know how to solve this issue?

Thanks!

This topic was automatically closed after 70 days. New replies are no longer allowed.