WYSIWYG ToolBar Keeps Focus #3745

Open
opened 2026-02-05 07:19:13 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @My-Random-Thoughts on GitHub (Apr 14, 2023).

Describe the Bug

When clicking a sub-menu item on the toolbar (ie: Insert Horizontal Line), the focus immediately returns focus to the page to keep typing, but the sub-menu is still shown. Clicking on the editor page to remove the sub-menu and keep typing results in the toolbar stealing focus away from the editor.

Steps to Reproduce

  1. Add some text
  2. Click second "..." in toolbar
  3. Click "Insert Horizontal Line"
  4. Type some more (works)
  5. Click next to typed text
  6. Type some more (fails as toolbar as focus)
  7. Click again next to typed text
  8. Type some more (works again)

Expected Behaviour

Once the "Insert Horizontal Line" button has been clicked the sub-menu should disappear and focus returned to the main editor

Screenshots or Additional Context

No response

Browser Details

Firefox 112 on Linux Mint

Exact BookStack Version

BookStack v23.02.3

PHP Version

Not sure

Hosting Environment

linuxserver/bookstack docker container running on Synology NAS

Originally created by @My-Random-Thoughts on GitHub (Apr 14, 2023). ### Describe the Bug When clicking a sub-menu item on the toolbar (ie: Insert Horizontal Line), the focus immediately returns focus to the page to keep typing, but the sub-menu is still shown. Clicking on the editor page to remove the sub-menu and keep typing results in the toolbar stealing focus away from the editor. ### Steps to Reproduce 1. Add some text 2. Click second "..." in toolbar 3. Click "Insert Horizontal Line" 4. Type some more (works) 5. Click next to typed text 6. Type some more (fails as toolbar as focus) 7. Click again next to typed text 8. Type some more (works again) ### Expected Behaviour Once the "Insert Horizontal Line" button has been clicked the sub-menu should disappear and focus returned to the main editor ### Screenshots or Additional Context _No response_ ### Browser Details Firefox 112 on Linux Mint ### Exact BookStack Version BookStack v23.02.3 ### PHP Version Not sure ### Hosting Environment linuxserver/bookstack docker container running on Synology NAS
OVERLORD added the 🐛 Bug📝 WYSIWYG Editor💻 Front-End Upstream labels 2026-02-05 07:19:13 +03:00
Author
Owner

@ssddanbrown commented on GitHub (May 8, 2023):

Thanks for the report @My-Random-Thoughts.
Been looking into this, not something I can quickly patch as far as I can tell.

Is an issue in TinyMCE, so would ideally fix upstream.

Plain simplified TinyMCE reproduction case

@ssddanbrown commented on GitHub (May 8, 2023): Thanks for the report @My-Random-Thoughts. Been looking into this, not something I can quickly patch as far as I can tell. Is an issue in TinyMCE, so would ideally fix upstream. [Plain simplified TinyMCE reproduction case](https://jsfiddle.net/ssddanbrown/0ye9f1g8/1/)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#3745