1285261 - HTMLTooltip cannot mouseover/click on hidden elements when using a XUL Panel wrapper

Status: NEW

(DevTools :: Shared Components, defect, P3)

Description

[Julian Descottes [:jdescottes]]

Attachment: tooltip-invisible-areas.png

HTML Tooltips are using pointer-events:none on hidden/invisible elements to forward mouse events to the background.

The invisible elements in the tooltip are: 
- the left/right side of the tooltip arrow (for type="arrow" tooltips)
- the filler element for infinite height tooltips (eg event details tooltip)

(see attachment, the tooltip background has been colored in lime to highlight the usually invisible areas).

When using the xul panel wrapper, the events are no longer forwarded to the background when the mouse pointer is on the hidden areas.

NB: I tried setting mousethrough="always" on the xul <panel> element, but it doesn't completely solve the issue.

Comment 1

[Justingladstoneson2]

Thank you for highlighting this issue. When dealing with HTMLTooltip and hidden elements within a XUL Panel wrapper, ensure that the necessary event listeners are properly configured. Learn SEO online can provide valuable insights into optimizing the structure and interactivity of your web elements. This knowledge may help address the challenges you're facing and enhance the overall user experience on your website.