Intent to Ship: CSS Anchor Positioning: anchor-scope
Anders Hartvoll Ruud
Contact emails
Explainer
None
Specification
https://drafts.csswg.org/css-anchor-position-1/#anchor-scope
Summary
The anchor-scope property allows limiting the visibility of anchor names to a given subtree. This is important if you have multiple instances of the same component on the page, where each component wants to use anchor positioning separately, without interfering with the other instances. There is a good example in the spec.
Note: The anchor-scope property was omitted from the main CSS Anchor Positioning shipment in M125 due to our own time constraints.
Blink component
TAG review
https://github.com/w3ctag/design-reviews/issues/848 (Applies to CSS Anchor Positioning as a whole).
TAG review status
Issues addressed
Note: A concern about anchor-name scopes being too “wide” was raised. This is exactly what the anchor-scope property can address.
Risks
Interoperability and Compatibility
None
Gecko: Positive (https://github.com/mozilla/standards-positions/issues/794) (Applies to CSS Anchor Positioning as a whole).
WebKit: No signal (https://github.com/WebKit/standards-positions/issues/167) (Applies to CSS Anchor Positioning as a whole).
Web developers: Strongly positive, for the feature as a whole. See Intent to Ship: CSS Anchor Positioning.
Other signals:
WebView application risks
Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications?
None
Debuggability
Debuggable like any other CSS property.
Will this feature be supported on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and Android WebView)?
Yes
Is this feature fully tested by web-platform-tests?
Yes
Flag name on chrome://flags
None
Finch feature name
CSSAnchorScope
Requires code in //chrome?
False
Tracking bug
https://issues.chromium.org/issues/40281992
Estimated milestones
Anticipated spec changes
There is one relevant open issue:
I will make sure this is resolved and edited before we enable the feature.
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5094192052436992?gate=5133228137775104
This intent message was generated by Chrome Platform Status.
Yoav Weiss (@Shopify)
Mike Taylor
LGTM2
--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/e364f607-f031-41e4-8ca4-b606cd271922n%40chromium.org.
Vladimir Levin
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/2dc10c6c-23b8-49f4-a8fc-b9a373e75f90%40chromium.org.