From d0c882354448aeb1fbf071563d1f5112344253f0 Mon Sep 17 00:00:00 2001 From: Owen Buckley Date: Thu, 25 Aug 2022 00:52:41 +0000 Subject: [PATCH] added declarative shadow DOM (#45) SHA: c9572c636a75a9d83377995ee8d9088f24cc6adc Reason: push, by @Westbrook Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- 2022.html | 40 +++++++++++++++++++++++++++++----------- 1 file changed, 29 insertions(+), 11 deletions(-) diff --git a/2022.html b/2022.html index 1ea8233..b9c9f6c 100644 --- a/2022.html +++ b/2022.html @@ -132,6 +132,10 @@ "name": "Alan Dávalos", "url": "https://github.com/alangdm" }, + { + "name": "Owen Buckley", + "url": "https://github.com/thescientist13" + }, { "name": "Caleb Williams", "url": "https://github.com/calebdwilliams" @@ -167,6 +171,8 @@

Web Components Community Group: 2022 Spec/API statu Westbrook Johnson
Alan Dávalos +
+ Owen Buckley
Caleb Williams
@@ -762,57 +768,69 @@

Web Components Community Group: 2022 Spec/API statu
Previous WCCG Report(s)
2021
GitHub issues:
-
---
+
https://github.com/whatwg/dom/issues/831
Browser positions:
-
---
+
Chrome (Shipped)
+
Mozilla
+
Safari

7.2 Description

-

---

+

Declarative Shadow DOM is a mechanism to express Shadow DOM using only HTML, with no dependency on JavaScript, much like light DOM can be declaratively expressed today.

7.4 Status

    -
  • ---
    • +
  • Partial consensus, some implementation

7.5 Initial API Summary/Quick API Proposal

-

Summary or proposal based on current status; paragraph(s) and code.

+

+ 

<host-element>
+  <template shadowroot="open">
+    <slot></slot>
+  </template>
+  <h2>Light content</h2>>
+</host-element>
+

7.6 Key Scenarios

-

---

+

Server-Side Rendering: Without Declarative Shadow DOM, servers cannot deliver complete websites that include web component content. Markup cannot be efficiently delivered and then hydrated with JavaScript client-side.

+

JavaScript-less environments: Many web components could be implemented without JavaScript, taking advantage of encapsulated DOM and styles. However, web components cannot currently be rendered by users who have JavaScript disabled. Developers who are more comfortable with markup than with scripting may avoid shadow DOM altogether due to its tight coupling with JavaScript..

7.7 Concerns

    -
  • ---
    • +
  • Mozilla considers this to be non-harmful, though debates the merits on ROI to developers weighed against the added complexity to be added to the HTML parser from a performance perspective.
    • +
  • Safari would like to see compatibility with Scoped Element Registry addressed first.

7.8 Dissenting Opinion

    -
  • ---
    • +
  • N / A

7.10 Open Questions