Contact emailsfuth...@chromium.org
Explainer
https://github.com/w3c/csswg-drafts/blob/main/css-anchor-position-1/anchored_container_query.md
SpecificationNone
Summary
Introduce @container anchored(fallback) to style descendants of anchor
positioned elements based on which of position-try-fallbacks is applied.
Such queries can be used to e.g. style an anchored element's tether, its
animations, etc. based on how the anchor and the anchored element are
positioned relative to each other. Example: #anchored {
position-try-options: flip-block; container-type: anchored; } @container
anchored(fallback: flip-block) { #anchored { --arrow-rotation: 180deg; } }
Blink componentBlink>CSS
<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ECSS%22>
Motivation
Use cases: - Style a tether like an arrow to match the direction of the
anchored element's position relative to its anchor - Styling background
gradients based on direction - Run different animations based on the
position of the anchored element
Initial public proposalhttps://github.com/w3c/csswg-drafts/issues/8171
TAG reviewhttps://github.com/w3ctag/design-reviews/issues/1103
TAG review statusPending
Risks
Interoperability and Compatibility
None
*Gecko*: No signal (
https://github.com/mozilla/standards-positions/issues/1236)
*WebKit*: No signal (
https://github.com/WebKit/standards-positions/issues/501)
*Web developers*: No signals
*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
None
Is this feature fully tested by web-platform-tests
<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>
?No
Flag name on about://flagsNone
Finch feature nameCSSFallbackContainerQueries
Requires code in //chrome?False
Tracking bughttps://crbug.com/417621241
Estimated milestones
No milestones specified
Link to entry on the Chrome Platform Status
https://chromestatus.com/feature/5177580990496768?gate=5074696605007872
This intent message was generated by Chrome Platform Status
<https://chromestatus.com/>.
--
Rune Lillesveen
--
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+unsubscr...@chromium.org.
To view this discussion visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeQa%2BJo1gU5uX4V4ukRLgNsLA7BfiTzX3Dyg2gUJOBG0yA%40mail.gmail.com.
