Re: [csswg-drafts] [css-anchor-position] fallback-position behavior: spec vs. expectation (#12682)

> I believe a primary scenario is that current behavior cannot replicate the [floating-ui shift effect](https://floating-ui.com/docs/shift). The demo exhibits noticeable jumps, which are unsuitable from both a developer and user perspective.
> 
> https://codepen.io/yisi/pen/dPMBOar
> 
>  anchor-shift.mp4

One workaround I found for implementing the "floating-ui shift effect" is adding another invisible sticky anchor element with the same width as the tooltip. This implementation doesn't have the jump issue.

https://codepen.io/ocavue/pen/xbOVYMm

https://github.com/user-attachments/assets/111d4e1a-d020-4397-b1fc-67cf8e6d6895

---

This workaround is not ideal since I need a transparent element just for positioning purposes. 

I hope the `position: absolute nearest scrollport;` proposal from https://github.com/w3c/csswg-drafts/issues/12607 can resolve this.


-- 
GitHub Notification of comment by ocavue
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12682#issuecomment-3717290259 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 7 January 2026 04:39:00 UTC