W3C home > Mailing lists > Public > public-css-archive@w3.org > January 2021

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

From: Alexander Kjeldaas via GitHub <sysbot+gh@w3.org>
Date: Tue, 12 Jan 2021 07:47:53 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-783999980-1610437671-sysbot+gh@w3.org>
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

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:25 UTC