*Contact [email protected]
<[email protected]>Specificationhttps://drafts.csswg.org/css-conditional-5/#container-rule
<https://drafts.csswg.org/css-conditional-5/#container-rule>SummaryA CSS
query container can be queried based on its container-name only, and the
container does not need any container-type set:*
* <style> #container { container-name: --foo; } @container --foo {
input { background-color: green; } } <style> <div id="container">
<div><input></div> </div>*
*Previously, @container required some query in addition to the name.*
*Blink componentBlink>CSS
<https://issues.chromium.org/issues?q=customfield1222907:%22Blink%3ECSS%22>Web
Feature IDcontainer-queries
<https://webstatus.dev/features/container-queries>MotivationCatch up with
spec and other implementations which are about to ship support for
name-only queries.Initial public proposalNo information providedTAG
reviewNo information providedTAG review statusNot applicableGoals for
experimentationNoneRisksInteroperability and CompatibilitySince both WebKit
and Gecko are about to ship, not shipping would be an interop risk. There
is a potential for contents of existing @container blocks to start
applying, where they would currently be skipped, but as they would be of no
use today the risk should be low.Gecko:
Shipped/Shipping (https://bugzilla.mozilla.org/show_bug.cgi?id=2016474
<https://bugzilla.mozilla.org/show_bug.cgi?id=2016474>) Passes tests In
Firefox nightly 151.0a1WebKit:
Shipped/Shipping (https://bugs.webkit.org/show_bug.cgi?id=302433
<https://bugs.webkit.org/show_bug.cgi?id=302433>) Passses tests in Safari
TP 239Web developers: No signalsOther signals:WebView application risksDoes
this intent deprecate or change behavior of existing APIs, such that it has
potentially high risk for Android WebView-based applications?No information
providedDebuggabilityNo information providedWill this feature be supported
on all six Blink platforms (Windows, Mac, Linux, ChromeOS, Android, and
Android WebView)?YesIs this feature fully tested by web-platform-tests
<https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md>?Yeshttps://wpt.fyi/results/css/css-conditional/container-queries/query-container-name.html?label=experimental&label=master&aligned
<https://wpt.fyi/results/css/css-conditional/container-queries/query-container-name.html?label=experimental&label=master&aligned>
https://wpt.fyi/results/css/css-conditional/container-queries/query-container-name-dynamic.html?label=experimental&label=master&aligned
<https://wpt.fyi/results/css/css-conditional/container-queries/query-container-name-dynamic.html?label=experimental&label=master&aligned>Flag
name on about://flagsenable-experimental-web-platform-featuresFinch feature
nameContainerNameOnlyRollout planWill ship enabled for all usersRequires
code in //chrome?FalseTracking bughttps://crbug.com/40287550
<https://crbug.com/40287550>Estimated milestonesShipping on
desktop148DevTrial on desktop145Shipping on Android148DevTrial on
Android145Shipping on WebView148Anticipated spec changesOpen 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).No information providedLink to entry on the
Chrome Platform
Statushttps://chromestatus.com/feature/5184267522015232?gate=4703221115387904
<https://chromestatus.com/feature/5184267522015232?gate=4703221115387904>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/CACuPfeQn0ADOYv0EyWACyh317ZwgeMwGdPSFg%3DTdHcu5ANkymg%40mail.gmail.com.
