Inability to access sidebar menu or message field on mobile device after recent redesign #1138

New Issue

GiteaMirror · 2025-11-11T14:38:29-06:00

GiteaMirror commented

2025-11-11 14:38:29 -06:00

Originally created by @skobkin on GitHub (Jun 5, 2024).

Bug Report

Description

Bug Summary:
This is yet another UI/UX degradation caused by recent redesign like #2827 which makes it harder to use the UI on mobile devices.

The old way to call the sidebar wasn't very convenient, but it was working any time at least. You didn't need to scroll the entire chat to access the menu or the input field.

Steps to Reproduce:

Create a chat with somewhat long history (more than one screen)
Scroll down to see the new message field which is hidden
Header is now hidden
Scroll entire chat back to the top to be able to access the header
Now new message field is unavailable

Expected Behavior:

Being able to easily access the menu or new message field

Actual Behavior:

Either header with menu button and model selector or message input field are hidden until user scrolls the entire chat to the opposing side.

Environment

Open WebUI Version: 0.2.4
Operating System: Android
Browser (if applicable): Vivaldi

Reproduction Details

Confirmation:

I have read and followed all the instructions provided in the README.md.
I am on the latest version of both Open WebUI and Ollama.
I have included the browser console logs.
I have included the Docker container logs.

Logs and Screenshots

Screenshots (if applicable):

https://github.com/open-webui/open-webui/assets/967576/c4483e54-8173-4e02-9c5e-f2e3e47b3052

Installation Method

Docker Compose

Originally created by @skobkin on GitHub (Jun 5, 2024). # Bug Report ## Description **Bug Summary:** This is yet another UI/UX degradation caused by recent redesign like #2827 which makes it harder to use the UI on mobile devices. The old way to call the sidebar wasn't very convenient, but it was working any time at least. You didn't need to scroll the entire chat to access the menu or the input field. **Steps to Reproduce:** - Create a chat with somewhat long history (more than one screen) - Scroll down to see the new message field which is hidden - Header is now hidden - Scroll entire chat back to the top to be able to access the header - Now new message field is unavailable **Expected Behavior:** Being able to easily access the menu or new message field **Actual Behavior:** Either header with menu button and model selector or message input field are hidden until user scrolls the entire chat to the opposing side. ## Environment - **Open WebUI Version:** 0.2.4 - **Operating System:** Android - **Browser (if applicable):** Vivaldi ## Reproduction Details **Confirmation:** - [x] I have read and followed all the instructions provided in the README.md. - [x] I am on the latest version of both Open WebUI and Ollama. - [ ] I have included the browser console logs. - [ ] I have included the Docker container logs. ## Logs and Screenshots **Screenshots (if applicable):** https://github.com/open-webui/open-webui/assets/967576/c4483e54-8173-4e02-9c5e-f2e3e47b3052 ## Installation Method Docker Compose

GiteaMirror closed this issue

2025-11-11 14:38:29 -06:00

GiteaMirror commented

2025-11-11 14:38:30 -06:00

@justinh-rahb commented on GitHub (Jun 5, 2024):

What browser is that? Chrome on Android does not exhibit this behavior. When the input box is visible, yes the header gets hidden, but if I hide the input box, the header reappears immediately. This is far more usable than the old way with the nearly-invisible pill button.

@justinh-rahb commented on GitHub (Jun 5, 2024): What browser is that? Chrome on Android does not exhibit this behavior. When the input box is visible, yes the header gets hidden, but if I hide the input box, the header reappears immediately. This is far more usable than the old way with the nearly-invisible pill button.