v135 · css / layout
Anchor Tooltip Lab
Compare CSS anchor-positioned tooltips before and after the "remembered scroll offset" fix. Scroll the container, hover a term, and see whether the tooltip tracks the anchor correctly or drifts after navigation — the key behaviour Chrome 135 corrects.
anchor-name / position-anchor / anchor()). Chrome 135 fixes a bug where the browser forgot the scroll offset after history navigation, causing anchored elements to appear at the wrong position on back/forward. This lab shows the corrected behaviour.
Mode
Scroll the stage and hover a highlighted term
The anchor-name property designates an element as a CSS anchor. Other elements can then position themselves relative to it using the position-anchor property and the anchor() function.
Scroll down to find more terms. The tooltip should stay attached to its anchor as you scroll — that's the remembered scroll offset fix in action.
The position-try-fallbacks property specifies alternative positions when the main one overflows. Use it with @position-try rules.
Even this deeply-scrolled position-area anchor should show its tooltip at the correct position — demonstrating that Chrome 135's remembered scroll offset applies throughout the scroll range.
Generated CSS