1275408 - Adapt HTML Tooltip arrow to match anchors close to the viewport

Status: NEW

(DevTools :: General, defect, P3)

Description

[Julian Descottes [:jdescottes]]

Attachment: tooltip-anchor-edge.png

Follow up to Bug 1267401.

If a HTML Tooltip is using the arrow style, and its anchor is located near the edge of the viewport and is too small, the tooltip's arrow will not match the anchor. See attachment: the anchor is a 10px wide red square.

The goal of this bug is to find an alternate styling that could be used in this kind of situations.

Comment 1

[Julian Descottes [:jdescottes]]

Attachment: tooltip-arrow-event-details.png

Here is an example of the issue in the devtools, with the event-details tooltip.

Comment 2

[Brian Grinstead [:bgrins]]

Helen, do you have any ideas of how we could deal with the tooltip arrow when pointing at something on the edge of the frame?  See https://bugzilla.mozilla.org/attachment.cgi?id=8756064 and https://bugzilla.mozilla.org/attachment.cgi?id=8761535 for example of this.

Comment 3

[Helen V. Holmes (:helenvholmes) (:✨)]

Attachment: preview-edge-of-viewport.png

(In reply to Brian Grinstead [:bgrins] from comment #2)
> Helen, do you have any ideas of how we could deal with the tooltip arrow
> when pointing at something on the edge of the frame?  See
> https://bugzilla.mozilla.org/attachment.cgi?id=8756064 and
> https://bugzilla.mozilla.org/attachment.cgi?id=8761535 for example of this.

I think the most obvious thing to do would be to swap over to some sort of halved style for previews that hug too closely to the viewport.