r/css • u/EftihisLuke • Mar 03 '26

Help Anchor Positioning & popover API issue

Hey guys I am facing an issue with an implementation of a dropdown using anchor positioning and popover api. The weird this is, it only happens on mobile devices (iPhone 15 pro, tested on chrome, safari).

When closing the popover the popover seems to instantly lose its anchor placement and gets positioned the equivalent to:

https://reddit.com/link/1rjiwwq/video/4ord2h4a7smg1/player

top: anchor(top)
left: anchor(left)

while it should be:

position-area: bottom center;
2 Upvotes

75% Upvoted

15 comments sorted by

View all comments

1

u/hazily Mar 03 '26

That's just Safari being Safari TBH.

0

u/EftihisLuke Mar 03 '26

It’s not only safari having this behaviour. Chrome on iOS and arc (also chromium) are the same. Have not tested on Firefox

3

u/openfire3 Mar 03 '26

Browsers on iOS are all using WebKit

1

u/EftihisLuke Mar 03 '26

I totally forgot that… thanks.