[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