Large tooltip goes wild at the end of a file

[cartermp]

See attached video. Navigate here and scroll to the bottom of the page: https://plotly.net/reference/plotly-net-layout.html

Then hover over near the end of the signature. It will rapidly jitter the screen and phase the tooltip in and out as if it were a strobe light effect.

Screen.Recording.2021-05-19.at.22.24.53.mov

[baronfel]

Another thing is that you can't use css pseudo-classes like :hover, etc to trigger these tips. It might be worth taking a freshening pass over tooltip rendering in general to see if advancements in CSS/layout over the years would make them nicer overall.

[dsyme]

FWIW I don't repro this using Chrome

Yes ripping out the existing tooltips in favour of CSS would be great

[github-actions]

🤖 This is an automated response from Repo Assist.

This is related to the older #422 ("CSS tooltips as an alternative for JS tooltips"), which has been on the tracker since 2016. Both @tpetricek and @dsyme expressed support for moving to CSS-based tooltips there.

Root cause of the jitter: The current JS tooltip implementation repositions the tooltip element by reading cursor position and then adjusting CSS top/left. When the element is near the bottom of the viewport, the tooltip appears above — but that repositioning causes a reflow that can shift the page, which in turn moves the mouse cursor relative to the element, triggering a hover-out/hover-in cycle. This produces the strobe effect visible in the video.

CSS-only fix: Using position: absolute and :hover::before / :hover::after pseudo-elements (as shown in #422) would eliminate this entire class of positioning bug. The tooltip content would need to be embedded as a CSS content value or via a data-* attribute (content: attr(data-tooltip)), which is broadly supported today.

A CSS approach also has the benefits mentioned in #422: works where JS is restricted, simpler HTML output, and the :hover pseudo-class handles cleanup automatically.

If someone wants to take this on, #422 has a proof-of-concept and it's labelled up-for-grabs.

Generated by Repo Assist

To install this workflow, run gh aw add githubnext/agentics/workflows/repo-assist.md@828ac109efb43990f59475cbfce90ede5546586c. View source at https://github.com/githubnext/agentics/tree/828ac109efb43990f59475cbfce90ede5546586c/workflows/repo-assist.md.

[dsyme]

Closing as covered by #422