github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-07-16 14:39:31 -05:00
Code Issues 2.4k Packages Projects Releases 129 Wiki Activity

[GH-ISSUE #24658] bug: sidebar not opening correctly on smartphone #91114

New Issue
Open
opened 2026-05-15 16:23:29 -05:00 by GiteaMirror · 1 comment
GiteaMirror commented 2026-05-15 16:23:29 -05:00
Owner
Copy Link

Originally created by @caramelCookie on GitHub (May 13, 2026).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/24658

Check Existing Issues

  • 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

  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

Image

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-15 16:23:29 -05:00
GiteaMirror commented 2026-05-15 16:23:31 -05:00
Author
Owner
Copy Link

@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:

  1. 🟣 #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 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 **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.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#91114
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?