[GH-ISSUE #17641] issue: Overlapping Formatting Menus in Rich Text Editor

Originally created by @jake-marsden on GitHub (Sep 22, 2025). Original GitHub issue: https://github.com/open-webui/open-webui/issues/17641 ### 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 am using the latest version of Open WebUI. ### Installation Method Git Clone ### Open WebUI Version v0.6.30 ### Ollama Version (if applicable) _No response_ ### Operating System macOS Sequoia ### Browser (if applicable) _No response_ ### 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 using the rich text editor, the contextual formatting menus should appear based on the user's specific actions, and only one menu should be visible at any given time. - `Bubble Menu`: A menu for inline text formatting (like bold, italics, etc.) should only appear when the user selects a piece of text. - `Floating Menu`: A menu for adding new content blocks (like headings, lists, etc.) should only appear when the user's cursor is on a new, empty line and no text is selected. These two menus should be mutually exclusive and never appear on the screen at the same time. ### Actual Behavior The `BubbleMenu` and the `FloatingMenu` are rendered and appear on the screen at the same time. This happens when an empty line is selected within the rich text editor. The result is a cluttered user interface where two different menus overlap, creating confusion and a poor user experience. ### Steps to Reproduce 1. **Navigate to the Notes Page:** Open the application and go to the /notes URL path. 2. **Create a New Note:** Click the "Create Note" button, located in the bottom right corner of the page, to open a new, empty note editor. 3. **Observe the Bug:** Immediately upon the new note editor loading, both the bubble menu and the floating menu will be visible on the page simultaneously, even before any content has been added or any text has been selected. ### Logs & Screenshots <img width="2299" height="1290" alt="Image" src="https://github.com/user-attachments/assets/c88b2164-5be2-49d5-9665-0057445010a3" /> ### Additional Information _No response_

GiteaMirror commented

2026-04-25 07:45:50 -05:00

Owner

Originally created by @jake-marsden on GitHub (Sep 22, 2025).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/17641

Check Existing Issues

I have searched for any existing and/or related issues.
I have searched for any existing and/or related discussions.
I am using the latest version of Open WebUI.

Installation Method

Git Clone

Open WebUI Version

v0.6.30

Ollama Version (if applicable)

No response

Operating System

macOS Sequoia

Browser (if applicable)

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 using the rich text editor, the contextual formatting menus should appear based on the user's specific actions, and only one menu should be visible at any given time.

Bubble Menu: A menu for inline text formatting (like bold, italics, etc.) should only appear when the user selects a piece of text.
Floating Menu: A menu for adding new content blocks (like headings, lists, etc.) should only appear when the user's cursor is on a new, empty line and no text is selected.

These two menus should be mutually exclusive and never appear on the screen at the same time.

Actual Behavior

The BubbleMenu and the FloatingMenu are rendered and appear on the screen at the same time. This happens when an empty line is selected within the rich text editor. The result is a cluttered user interface where two different menus overlap, creating confusion and a poor user experience.

Steps to Reproduce

Navigate to the Notes Page: Open the application and go to the /notes URL path.
Create a New Note: Click the "Create Note" button, located in the bottom right corner of the page, to open a new, empty note editor.
Observe the Bug: Immediately upon the new note editor loading, both the bubble menu and the floating menu will be visible on the page simultaneously, even before any content has been added or any text has been selected.

Logs & Screenshots

Additional Information

GiteaMirror added the bug label 2026-04-25 07:45:50 -05:00

GiteaMirror closed this issue

2026-04-25 07:45:52 -05:00

Author

@tjbck commented on GitHub (Sep 22, 2025):

Do not update dep packages.

@tjbck commented on GitHub (Sep 22, 2025): Do not update dep packages.

[GH-ISSUE #17641] issue: Overlapping Formatting Menus in Rich Text Editor #33879