Mobile Browser Menu Glitch on Movie Page

[2lach]

Is there an existing issue for this?

• I have searched the existing open and closed issues

Current Behavior

I've encountered a bug on the mobile version of radarr (docker setup) when using a Chrome-based browser on Android. The issue occurs on a movie's information page. When either clicking on the page or scrolling down, the menu inadvertently opens. Once this happens, the menu cannot be closed. This issue persists regardless of the actions taken to close the menu.

Expected Behavior

The expected behavior is that the menu should remain closed during browsing unless explicitly clicked by the user. Additionally, if the menu is opened, it should be easily closable by clicking on an appropriate area or button.

Steps To Reproduce

1. Environment Setup: Ensure you are using a Chrome-based browser on an Android mobile device.
2. Configuration: Access the website and navigate to a movie's information page.
3. Action: Try scrolling down the page or clicking within the page (avoid directly clicking on the menu).
4. Observing the Error: Notice that the menu inadvertently opens and remains open and it will not close when clicking the hamburger button, only way I have found is to reload the page.

Environment

- **Operating System (OS)**: Debian GNU/Linux 11 (bullseye)
- **Radarr Version**: 5.3.6.8612
- **Docker Installation**: Yes
- **Reverse Proxy Usage**: No
- **Browser**: Chrome/Brave
- **Database**: SQLite 3.44.2
- **Package Version**: 5.3.6.8612-ls212 by linuxserver.io
- **.NET Framework**: Yes (6.0.25)

What branch are you running?

Master

Trace Logs? Not Optional

No trace logs for this bug.
Here is a screenshot:

Trace Logs have been provided as applicable. Reports will be closed if the required logs are not provided.

• I have read and followed the steps in the wiki link above and provided the required trace logs - the logs contain trace - that are relevant and show this issue.

[mynameisbogdan]

I don't have a phone with Android, but we had a similar issue on 5.0.x that got fixed already.

A PR is welcomed.

[mynameisbogdan]

@2lach can you please check again with the new version 5.4.6 we released earlier today and confirm if it's still present?

[2lach]

Hey @mynameisbogdan
Sadly, it's still present.

I have also been looking into this bug also, and I understand you having difficulty recreating it.
If there is time I will spin up some android emulators in the near future and see if i can recreate and then hopefully fix it.

Latest tested Radarr version:

On single movie page

On Movies page