[csswg-drafts] [css-anchor-position] Resolution of percentages: area or track? (#10314)

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

== [css-anchor-position] Resolution of percentages: area or track? ==
The [Apple anchor positioning exploration](https://fantasai.inkedblade.net/style/specs/css-anchor-exploration/#anchor-based-positioning) included a rule:

> Percentage values are relative to the size of the single track on the corresponding side of the anchor area (not to the entire anchor area).
>
> For example, if a box occupies the right and center tracks, then `left: 50%` will pin the left edge of the inset-modified containing block halfway through the center track; and `right: 50%` will pin the right edge of the inset-modified containing block halfway through the right-side track. 

The purpose of this adjustment was to enable common adjustments such as aligning the edge of a popover to the center of the anchor, or 1/3 of the way in, etc.

The current spec follows the normal resolution rules, applying percentages against the whole area, which doesn't enable these common use cases.

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


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

Received on Monday, 13 May 2024 01:09:22 UTC