Mobile Menu Closes on Scroll When Navigation is Right-Aligned (Viewport Resize I

Hello,

I’m experiencing an issue with the primary navigation when it is configured to float right.

🔍 Problem Description
On mobile devices, the menu correctly collapses into a hamburger icon and opens normally when tapped. However, when I scroll the page, the menu closes automatically without any user interaction (no tap outside or on the close button).

📱 Behavior Details
The problem only occurs when the navigation is set to FLOAT RIGHT

When float left, the menu works as expected
The problem happens specifically on mobile browsers where the address bar hides on scroll

🧪 Key Finding
After testing, I identified a consistent trigger:

If I scroll without causing the browser address bar to hide, the menu remains open.
If I scroll enough for the browser UI (address bar) to disappear and then release the touch, the menu closes automatically.
In browsers where the address bar is not hidden, the menu behaves normally.

This suggests that a viewport resize or scroll-related event (triggered by the browser UI change) is causing the mobile menu to lose its open state.

⚙️ Environment & Tests Performed
Sticky navigation: Disabled
No cache or performance plugins
No animation plugins
All custom CSS removed
All custom functions removed
Issue persists even in a minimal setup

✅ Expected Behavior
The mobile menu should remain open during scrolling, regardless of browser UI changes (such as the address bar hiding).

❓ Question
Is this a known issue related to right-aligned navigation?

Is there any recommended workaround or fix?

Thanks in advance for your support!