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

[2lach]

Hello @mynameisbogdan

Updated Test Results for Bug Report

# Tested with:
- Radarr Version: 5.6.0.8846
- Docker Installation: Yes
- Built locally: Yes
- Browsers: Chrome/Brave

Today, I had some free time and was able to test the bug with the intention of solving it. However, to my surprise, it appears to be sort of resolved.

When I tried to recreate it using the same parameters as discussed above, I was only able to reproduce the behavior once on my mobile device, where it used to occur almost every time. I must have repeated the steps to reproduce the bug about 20 times, and this time it only happened with Google Chrome and not with Brave browser.

I also created and tested it some emulated devices.

Tested Devices

• OnePlus Nord
• Pixel 3a

Tested Browsers

• Chrome
• Brave

The only issue I encountered was triggering the sidebar when dragging/swiping in the blank space below the movie description. On these occasions, I was able to retract the sidebar menu by clicking the hamburger menu button or just clicking on the right side of the menu.
This might not be the expected behavior, but it's not the bug I originally reported and an improvement to the previous behavior.

update-issue.mov

So unless this issue reoccurs, i would consider this issue closed.