LGTM3
On 10/6/25 2:19 p.m., Alex Russell wrote:
LGTM2. Very useful extension!
On Monday, October 6, 2025 at 11:18:27 AM UTC-7 [email protected]
wrote:
LGTM1
On Thursday, October 2, 2025 at 10:38:10 AM UTC-7 Rune Lillesveen
wrote:
On Thu, Oct 2, 2025 at 5:44 PM Emilio Cobos Álvarez
<[email protected]> wrote:
Is the example right? It seems like that shouldn't work?
#anchored is not a descendant of #anchored, is it? :)
Oops. Thanks for spotting that mistake. Edited the
chromestatus entry where this came from:
#anchored {
position-try-options: flip-block;
container-type: anchored;
}
@container anchored(fallback: flip-block) {
#anchored > .arrow { --arrow-rotation: 180deg; }
}
-- Emilio
On Thu, Oct 2, 2025, at 12:14 PM, Rune Lillesveen wrote:
*Contact emails*
[email protected]
*Explainer*
https://github.com/w3c/csswg-drafts/blob/main/css-anchor-position-1/anchored_container_query.md
<https://github.com/w3c/csswg-drafts/blob/main/css-anchor-position-1/anchored_container_query.md>
*Specification*
https://drafts.csswg.org/css-anchor-position-2/#anchored-container-queries
<https://drafts.csswg.org/css-anchor-position-2/#anchored-container-queries>
*Summary*
Introduce @container anchored(fallback)to style
descendants of anchor positioned elements based on which
of position-try-fallbacksis 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 component*
Blink>CSS
<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ECSS%22>
*Web Feature ID*
https://github.com/web-platform-dx/web-features/issues/3403
<https://github.com/web-platform-dx/web-features/issues/3403>
*TAG review*
https://github.com/w3ctag/design-reviews/issues/1103
<https://github.com/w3ctag/design-reviews/issues/1103>
*TAG review status*
Issues addressed
*Risks*
*Interoperability and Compatibility*
None
/Gecko/: No
signal (https://github.com/mozilla/standards-positions/issues/1236
<https://github.com/mozilla/standards-positions/issues/1236>)
/WebKit/: No
signal (https://github.com/WebKit/standards-positions/issues/501
<https://github.com/WebKit/standards-positions/issues/501>)
/Web developers/: Positive
https://bsky.app/profile/jpzwarte.bsky.social/post/3luslfusjps2o
<https://bsky.app/profile/jpzwarte.bsky.social/post/3luslfusjps2o>
https://bsky.app/profile/ishadeed.com/post/3lw43wolylc2w
<https://bsky.app/profile/ishadeed.com/post/3lw43wolylc2w> Responses
to this post:
https://bsky.app/profile/una.im/post/3lu3qkwadps22
<https://bsky.app/profile/una.im/post/3lu3qkwadps22>
/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
*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
<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>?*
Yeshttps://wpt.fyi/css/css-anchor-position/container-queries/
<https://wpt.fyi/css/css-anchor-position/container-queries/>
*Flag name on about://flags*
enable-experimental-web-platform-features
*Finch feature name*
CSSFallbackContainerQueries
*Rollout plan*
Will ship enabled for all users
*Requires code in //chrome?*
False
*Tracking bug*
https://crbug.com/417621241
*Sample links*
https://codepen.io/una/pen/ZYbzrLg
<https://codepen.io/una/pen/ZYbzrLg>
*Estimated milestones*
Shipping on desktop 143
DevTrial on desktop 138
Shipping on Android 143
DevTrial on Android 138
Shipping on WebView 143
*Anticipated spec changes*
Open questions about a feature may be a source of future
web compat or interop issues. Please list open issues
(e.g. links to known github issues in the project for the
feature specification) whose resolution may introduce web
compat/interop risk (e.g., changing to naming or
structure of the API in a non-backward-compatible way).
None
*Link to entry on the Chrome Platform Status*
https://chromestatus.com/feature/5177580990496768?gate=5193321844310016
<https://chromestatus.com/feature/5177580990496768?gate=5193321844310016>
*Links to previous Intent discussions*
Intent to Prototype:
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeQa%2BJo1gU5uX4V4ukRLgNsLA7BfiTzX3Dyg2gUJOBG0yA%40mail.gmail.com
<https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeQa%2BJo1gU5uX4V4ukRLgNsLA7BfiTzX3Dyg2gUJOBG0yA%40mail.gmail.com>
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 [email protected].
To view this discussion visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeTTXWgFr_uJaL2xxjPmsXTWr6Ogi1VtJHB43gGkWyDHUw%40mail.gmail.com
<https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeTTXWgFr_uJaL2xxjPmsXTWr6Ogi1VtJHB43gGkWyDHUw%40mail.gmail.com?utm_medium=email&utm_source=footer>.
--
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 [email protected].
To view this discussion visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/b49da13c-6070-4fee-8d2f-cd4c474b4380n%40chromium.org
<https://groups.google.com/a/chromium.org/d/msgid/blink-dev/b49da13c-6070-4fee-8d2f-cd4c474b4380n%40chromium.org?utm_medium=email&utm_source=footer>.
--
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 [email protected].
To view this discussion visit
https://groups.google.com/a/chromium.org/d/msgid/blink-dev/8e68af46-39b9-4c40-8eba-af929c39781b%40chromium.org.
