Skip to content

Commit

Permalink
Switch the comparison table image with a real table (#884)
Browse files Browse the repository at this point in the history
Co-authored-by: Andy Luhrs <[email protected]>
  • Loading branch information
captainbrosset and aluhrs13 authored Jan 16, 2025
1 parent 332890b commit 37bdca2
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 2 deletions.
11 changes: 9 additions & 2 deletions ShadowDOM/explainer.md
Original file line number Diff line number Diff line change
Expand Up @@ -524,8 +524,15 @@ This suggestion looks like the following:
```
## Summary
The following table compares pros and cons of the various proposals:
<image src="images/summary.png">
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 | `<link rel>` | ✅ 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 `<template shadowrootadoptedstylesheets="">` references a specifier that was imported as a non-inline CSS module whose fetch hasn’t completed yet?
Expand Down
Binary file removed ShadowDOM/images/summary.png
Binary file not shown.

0 comments on commit 37bdca2

Please sign in to comment.