[buddypress-trac] [BuddyPress Trac] #9318: TinyMCE toolbar tooltips are mispositioned in scrollable editors
buddypress-trac
noreply at wordpress.org
Mon Dec 29 13:26:32 UTC 2025
#9318: TinyMCE toolbar tooltips are mispositioned in scrollable editors
------------------------------+-----------------------------
Reporter: manhphucofficial | Owner: (none)
Type: defect (bug) | Status: new
Priority: normal | Milestone: Awaiting Review
Component: Core | Version:
Severity: normal | Keywords:
------------------------------+-----------------------------
When hovering toolbar icons such as “Insert/edit image” in the editor,
the tooltip appears far below the toolbar instead of being positioned
near the hovered button.
This issue is reproducible when the editor content or container is
scrollable
(e.g. within an iframe or a constrained editor area). It appears that the
tooltip positioning logic does not account for the iframe document scroll
offset, causing the tooltip to be rendered far from the trigger element.
Steps to reproduce:
1. Use a vanilla WordPress install with BuddyPress enabled.
2. Open an editor that uses TinyMCE (e.g. Messages → Compose).
3. Add enough content so the editor area becomes scrollable.
4. Hover any toolbar icon (e.g. “Insert/edit image”).
5. Observe that the tooltip is displayed far below the toolbar instead of
next to the hovered icon.
Expected result:
The tooltip should appear adjacent to the toolbar button being hovered,
regardless of the editor scroll position.
Actual result:
The tooltip is rendered far below the toolbar when the editor is scrolled.
This seems related to positioning logic not accounting for iframe or
scroll container offsets.
--
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/9318>
BuddyPress Trac <http://buddypress.org/>
BuddyPress Trac
More information about the buddypress-trac
mailing list