From aa599cb6ce655a5813f3ce67c96504367ce2f5c8 Mon Sep 17 00:00:00 2001 From: Patrick Brosset Date: Fri, 4 Oct 2024 10:48:10 +0200 Subject: [PATCH] Switch the comparison table image with a real table --- ShadowDOM/explainer.md | 9 ++++++++- ShadowDOM/images/summary.png | Bin 84943 -> 0 bytes 2 files changed, 8 insertions(+), 1 deletion(-) delete mode 100644 ShadowDOM/images/summary.png diff --git a/ShadowDOM/explainer.md b/ShadowDOM/explainer.md index ac7fe1c8..87ded971 100644 --- a/ShadowDOM/explainer.md +++ b/ShadowDOM/explainer.md @@ -375,7 +375,14 @@ shadowRoot.adoptedStyleSheets = [sheet]; ``` ## Summary The following table compares pros and cons of the various proposals: - + +| | Proposal | Currently supported in DSD? | Can hit network? | FOUC | Can apply styles only to shadow? | Can export styles to parent document ?| +| --- | --- | --- | --- | --- | --- | --- | +| 1 | Inline, declarative CSS Module Scripts | ❌ No | ✅ No | ✅ No (unless module is imported from a separate file) | Yes, on a **per-sheet** basis | ✅ Yes | +| 2 | `` | ✅ Yes | ❌ Yes | ❌ Yes | Yes, on a **per-sheet** basis | ❌ No | +| 3 | `@layer` + `importStyles` | ❌ No | ✅ No | ✅ No (unless `@imports` is used) | Yes, on a **per-sheet** basis | ❌ Not currently, but could be specified. | +| 4 | `@Sheet` | ❌ No | ✅ No | ✅ No | Yes, on a **per-sheet** basis | ❌ Not currently, but could be specified. | +| 5 | `adoptedstylesheets` attribute | ❌ No | ✅ No | ✅ No | Yes, on a **per-sheet** basis | ❌ No | ## Open issues * What happens if a `