I have searched for any existing and/or related issues.
I have searched for any existing and/or related discussions.
I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!).
I am using the latest version of Open WebUI.
Installation Method
Git Clone
Open WebUI Version
0.9.4
Ollama Version (if applicable)
No response
Operating System
Thaoe 26.4
Browser (if applicable)
chrome
Confirmation
I have read and followed all instructions in README.md.
I am using the latest version of both Open WebUI and Ollama.
I have included the browser console logs.
I have included the Docker container logs.
I have provided every relevant configuration, setting, and environment variable used in my setup.
I have clearly listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
I have documented step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation. My steps:
Start with the initial platform/version/OS and dependencies used,
Specify exact install/launch/configure commands,
List URLs visited, user input (incl. example values/emails/passwords if needed),
Describe all options and toggles enabled or changed,
Include any files or environmental changes,
Identify the expected and actual result at each stage,
Ensure any reasonably skilled user can follow and hit the same issue.
Expected Behavior
When clicking on the sidenav button the sidenav panel should display correctly on screen on smartphone width
Actual Behavior
When clicking on the sidenav button an overlay is showing and the sidenav panel is croped to the left side of the browser
Steps to Reproduce
start app
make sure your app is max 645px width
click on sidenav button to toggle the sidenav panel
play with the width from their to smaller (like take Iphone width for example)
The sidenave is cropped by the left side of the browser
Logs & Screenshots
Additional Information
No response
Originally created by @caramelCookie on GitHub (May 13, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/24658
### Check Existing Issues
- [x] I have searched for any existing and/or related issues.
- [x] I have searched for any existing and/or related discussions.
- [x] I have also searched in the CLOSED issues AND CLOSED discussions and found no related items (your issue might already be addressed on the development branch!).
- [x] I am using the latest version of Open WebUI.
### Installation Method
Git Clone
### Open WebUI Version
0.9.4
### Ollama Version (if applicable)
_No response_
### Operating System
Thaoe 26.4
### Browser (if applicable)
chrome
### Confirmation
- [x] I have read and followed all instructions in `README.md`.
- [x] I am using the latest version of **both** Open WebUI and Ollama.
- [x] I have included the browser console logs.
- [x] I have included the Docker container logs.
- [x] I have **provided every relevant configuration, setting, and environment variable used in my setup.**
- [x] I have clearly **listed every relevant configuration, custom setting, environment variable, and command-line option that influences my setup** (such as Docker Compose overrides, .env values, browser settings, authentication configurations, etc).
- [x] I have documented **step-by-step reproduction instructions that are precise, sequential, and leave nothing to interpretation**. My steps:
- Start with the initial platform/version/OS and dependencies used,
- Specify exact install/launch/configure commands,
- List URLs visited, user input (incl. example values/emails/passwords if needed),
- Describe all options and toggles enabled or changed,
- Include any files or environmental changes,
- Identify the expected and actual result at each stage,
- Ensure any reasonably skilled user can follow and hit the same issue.
### Expected Behavior
When clicking on the sidenav button the sidenav panel should display correctly on screen on smartphone width
### Actual Behavior
When clicking on the sidenav button an overlay is showing and the sidenav panel is croped to the left side of the browser
### Steps to Reproduce
1. start app
2. make sure your app is max 645px width
3. click on sidenav button to toggle the sidenav panel
4. play with the width from their to smaller (like take Iphone width for example)
5. The sidenave is cropped by the left side of the browser
### Logs & Screenshots
<img width="375" height="665" alt="Image" src="https://github.com/user-attachments/assets/32eebc80-ca59-47b7-a1e6-93c962edb1ab" />
### Additional Information
_No response_
GiteaMirror
added the bug label 2026-05-21 03:07:45 -05:00
@owui-terminator[bot] commented on GitHub (May 13, 2026):
🔍Related Issues Found
I found some existing issues that might be related. Please check if any of these are duplicates or contain helpful solutions:
🟣#2840Inability to access sidebar menu or message field on mobile device after recent redesign This reports a mobile sidebar/header usability regression on Android after a redesign, where the menu/sidebar access becomes broken or inaccessible on mobile. It is closely related to a smartphone sidebar rendering/opening problem. by skobkin
🟣#2860bug: Side Panel Stays Open on Mobile After Selecting "Workspace" This is specifically about the mobile side panel behavior and how it stays open/obstructs the workspace. While the exact symptom differs, it concerns the same mobile sidebar/side panel UI flow. by bannert1337
🟣#1578 **feat: mobile sidebar swipe to open ** This feature request is about mobile sidebar open/close interaction on phones. It is related to the same mobile sidebar mechanism, though it is about gestures rather than the cropping bug. by RealMrCactus
💡 If your issue is a duplicate, please close it and add any additional details to the existing issue instead.
This comment was generated automatically. React with 👍 if helpful, 👎 if not.
<!-- gh-comment-id:4441006171 -->
@owui-terminator[bot] commented on GitHub (May 13, 2026):
<!-- terminator-bot:related-issues-reply -->
🔍 **Related Issues Found**
I found some existing issues that might be related. Please check if any of these are duplicates or contain helpful solutions:
1. 🟣 [#2840](https://github.com/open-webui/open-webui/issues/2840) **Inability to access sidebar menu or message field on mobile device after recent redesign**
*This reports a mobile sidebar/header usability regression on Android after a redesign, where the menu/sidebar access becomes broken or inaccessible on mobile. It is closely related to a smartphone sidebar rendering/opening problem.*
*by skobkin*
2. 🟣 [#2860](https://github.com/open-webui/open-webui/issues/2860) **bug: Side Panel Stays Open on Mobile After Selecting "Workspace"**
*This is specifically about the mobile side panel behavior and how it stays open/obstructs the workspace. While the exact symptom differs, it concerns the same mobile sidebar/side panel UI flow.*
*by bannert1337*
3. 🟣 [#1578](https://github.com/open-webui/open-webui/issues/1578) **feat: mobile sidebar swipe to open **
*This feature request is about mobile sidebar open/close interaction on phones. It is related to the same mobile sidebar mechanism, though it is about gestures rather than the cropping bug.*
*by RealMrCactus*
---
💡 If your issue is a duplicate, please close it and add any additional details to the existing issue instead.
*This comment was generated automatically.* React with 👍 if helpful, 👎 if not.
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @caramelCookie on GitHub (May 13, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/24658
Check Existing Issues
Installation Method
Git Clone
Open WebUI Version
0.9.4
Ollama Version (if applicable)
No response
Operating System
Thaoe 26.4
Browser (if applicable)
chrome
Confirmation
README.md.Expected Behavior
When clicking on the sidenav button the sidenav panel should display correctly on screen on smartphone width
Actual Behavior
When clicking on the sidenav button an overlay is showing and the sidenav panel is croped to the left side of the browser
Steps to Reproduce
Logs & Screenshots
Additional Information
No response
@owui-terminator[bot] commented on GitHub (May 13, 2026):
🔍 Related Issues Found
I found some existing issues that might be related. Please check if any of these are duplicates or contain helpful solutions:
🟣 #2840 Inability to access sidebar menu or message field on mobile device after recent redesign
This reports a mobile sidebar/header usability regression on Android after a redesign, where the menu/sidebar access becomes broken or inaccessible on mobile. It is closely related to a smartphone sidebar rendering/opening problem.
by skobkin
🟣 #2860 bug: Side Panel Stays Open on Mobile After Selecting "Workspace"
This is specifically about the mobile side panel behavior and how it stays open/obstructs the workspace. While the exact symptom differs, it concerns the same mobile sidebar/side panel UI flow.
by bannert1337
🟣 #1578 **feat: mobile sidebar swipe to open **
This feature request is about mobile sidebar open/close interaction on phones. It is related to the same mobile sidebar mechanism, though it is about gestures rather than the cropping bug.
by RealMrCactus
💡 If your issue is a duplicate, please close it and add any additional details to the existing issue instead.
This comment was generated automatically. React with 👍 if helpful, 👎 if not.