[csswg-drafts] [css-scoping] Replacement for >>> and /deep/, and ::shadow? (#5859)

alexanderkjeldaas has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-scoping] Replacement for >>> and /deep/, and ::shadow? ==
How should an app developer test an application using Web Components?

The combinators `>>>`, `/deep/`, and `::shadow` have been removed from Chrome.

The cited reason is that they break encapsulation in relation to styling.  However, the CSS selector language is also exposed through `document.querySelector{,All}`, and there is no encapsulation argument to be made for the language exposed there.

The practical question is:  Which query language can I use to click a button 20 levels deep into a forest of Web Components if not CSS?

Without these combinators, it seems like testing CSS component-based applications is degenerating into imperative programming where a test needs to know the exact layout of shadow DOMs, the complete opposite of what a selector language should provide, and far inferior to not using Web Components at all.


Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5859 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 12 January 2021 07:47:55 UTC