The relevant tests are css/css-cascade/layer-*.html and css/css-cascade/revert-layer-*.html
They are failing on wpt.fyi because the feature is not enabled there. The feature is not behind the "experimental web platform features" flag. All tests (except https://crbug.com/1277637) are currently passing on CQ (for example, https://ci.chromium.org/ui/p/chromium/builders/try/linux-rel/873658/). On Wed, Dec 8, 2021 at 8:44 AM Philip Jägenstedt <foo...@chromium.org> wrote: > Hi Xiaocheng, > > Can you identify the tests in > https://wpt.fyi/results/css/css-cascade?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned > that are for cascade layers? I think revert-layer-*.html are relevant to > this intent, but is failing in Chrome Dev. Is this because it was fixed so > recently? Do you expect all of the tests to be passing in Chrome Dev once > it's updated? > > Best regards, > Philip > > On Tue, Dec 7, 2021 at 11:53 PM Xiaocheng Hu <xiaoche...@chromium.org> > wrote: > >> >> >> On Tue, Dec 7, 2021 at 2:33 PM Yoav Weiss <yoavwe...@chromium.org> wrote: >> >>> >>> >>> On Tuesday, December 7, 2021 at 9:49:42 PM UTC+1 Xiaocheng Hu wrote: >>> >>>> Also some updates since the I2P: >>>> >>>> 1. The 'revert-layer' keyword is now supported >>>> >>>> 2. Regarding concerns of loading performance when importing external >>>> stylesheets into a layer, it's recommended to inline the @import rule in a >>>> <style> element, so that the preload scanner can pick it up. This should >>>> achieve a similar loading performance as <link rel=stylesheet>. The CSSWG >>>> is also working on allowing specifying a layer in <link rel=stylesheet>: >>>> https://github.com/w3c/csswg-drafts/issues/5853 >>>> >>> >>> That's great! Does the implementation also include tests to make sure >>> that our CSS preload scanner is indeed picking up such rules? >>> >> >> I'll add a test. >> >> >>> >>> >>>> >>>> 3. There's a known bug (https://crbug.com/1277637) in an edge case. >>>> The Blink style team thinks it doesn't block shipping. >>>> >>>> >>>> On Tue, Dec 7, 2021 at 12:42 PM Xiaocheng Hu <xiaoche...@chromium.org> >>>> wrote: >>>> >>>>> Contact emailsxiaoche...@chromium.org >>>>> >>>>> Explainer >>>>> https://gist.github.com/xiaochengh/58c793e3bf06a1bb0f7d472ebb170feb >>>>> >>>>> Specificationhttps://drafts.csswg.org/css-cascade-5/#layering >>>>> >>>>> Design docs >>>>> https://bit.ly/2SGjPlu >>>>> >>>>> Summary >>>>> >>>>> CSS cascade layers (@layer rule and layered @import syntax) provide a >>>>> structured way to organize and balance concerns within a single origin. >>>>> Rules within a single cascade layer cascade together without interleaving >>>>> with style rules outside the layer. This allows authors to achieve a >>>>> certain cascade ordering for same-origin rules in a proper way. >>>>> >>>>> >>>>> Blink componentBlink>CSS >>>>> <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS> >>>>> >>>>> Search tagscss <https://chromestatus.com/features#tags:css>, cascade >>>>> <https://chromestatus.com/features#tags:cascade>, layer >>>>> <https://chromestatus.com/features#tags:layer>, cascade-layer >>>>> <https://chromestatus.com/features#tags:cascade-layer> >>>>> >>>>> TAG reviewhttps://github.com/w3ctag/design-reviews/issues/597 >>>>> >>>>> TAG review statusIssues addressed >>>>> >>>>> Risks >>>>> >>>>> >>>>> Interoperability and Compatibility >>>>> >>>>> As a new feature, there is no compatibility risk. Interoperability >>>>> risk is very low as WebKit and Gecko are also actively developing this new >>>>> feature. >>>>> >>>>> >>>>> Gecko: In development ( >>>>> https://bugzilla.mozilla.org/show_bug.cgi?id=1699215) >>>>> >>>> >>> Can you file for a position? I agree that the bug seems active, but >>> Mozilla has been clear in the past that open issues should not be >>> considered as implicit support. >>> >> >> Here it is: >> https://mozilla.github.io/standards-positions/#css-cascade-layers >> >> And it's already available in Firefox Nightly as I just tested. >> >> >>>>> WebKit: Shipped/Shipping ( >>>>> https://bugs.webkit.org/show_bug.cgi?id=220779) >>>>> >>>>> Web developers: Strongly positive ( >>>>> https://bugs.chromium.org/p/chromium/issues/detail?id=1095765) >>>>> >>>>> Other signals: >>>>> >>>>> >>>>> Debuggability >>>>> >>>>> @layer rules will be surfaced to DevTools in the Style panel to >>>>> indicate which layer the style rules are in. See crbug.com/1240596 >>>>> >>>>> >>>>> Is this feature fully tested by web-platform-tests >>>>> <https://chromium.googlesource.com/chromium/src/+/master/docs/testing/web_platform_tests.md> >>>>> ?Yes >>>>> >>>>> Flag namechrome://flags/#enable-cascade-layers >>>>> >>>>> Requires code in //chrome?False >>>>> >>>>> Tracking bug >>>>> https://bugs.chromium.org/p/chromium/issues/detail?id=1095765 >>>>> >>>>> Estimated milestones >>>>> >>>>> 99 >>>>> >>>>> >>>>> Link to entry on the Chrome Platform Status >>>>> https://chromestatus.com/feature/5663362835808256 >>>>> >>>>> Links to previous Intent discussionsIntent to prototype: >>>>> https://groups.google.com/a/chromium.org/g/blink-dev/c/chiJ2GIECPc/m/sIF9pfsdAAAJ >>>>> >>>>> >>>>> This intent message was generated by Chrome Platform Status >>>>> <https://www.chromestatus.com/>. >>>>> >>>> -- >> 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 on the web visit >> https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGhY7e9KfmY7OdsqzQin0Bw%2BmSk9noMAvqizOEL_2TqvGEA%40mail.gmail.com >> <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGhY7e9KfmY7OdsqzQin0Bw%2BmSk9noMAvqizOEL_2TqvGEA%40mail.gmail.com?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 blink-dev+unsubscr...@chromium.org. > To view this discussion on the web visit > https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAARdPYfY8W7VepUxT8Koqo%2ByPqsDNG%2BHufw2YK_SaMMUeEqmQQ%40mail.gmail.com > <https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAARdPYfY8W7VepUxT8Koqo%2ByPqsDNG%2BHufw2YK_SaMMUeEqmQQ%40mail.gmail.com?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 blink-dev+unsubscr...@chromium.org. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGhZudaqZmfyAgH8rjWKucFpJrRy3BFFAN-PjxQMevxoEJA%40mail.gmail.com.