[csswg-drafts] [css-anchor-position-1] How to style anchor based on anchored's chosen fallback? (#13534)

lukewarlow has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-anchor-position-1] How to style anchor based on anchored's chosen fallback? ==
I have the following select element:

<img width="390" height="130" alt="Image" src="https://github.com/user-attachments/assets/fd8a342c-8e59-42fe-8ae9-32ca97119364" />

I can easily style it such that the picker has a flat top edge, and that the select has a flat bottom edge. BUT if the select then renders such that the picker uses a fallback position where it's above the select, these styles now long weird.

<img width="395" height="162" alt="Image" src="https://github.com/user-attachments/assets/a01334b2-9ab3-4335-8b4a-06041150d717" />

I believe that using the `@container anchored(fallback: ...)` we can change the styles of the picker (or a wrapper child within the picker I guess). I don't think there's any such mechanism to style the select itself based on the pickers location though?

I realise this might just not be possible with CSS due to cycles but thought I'd raise the use case.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13534 using your GitHub account


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

Received on Thursday, 19 February 2026 09:25:49 UTC