Implement details and summary styling in a UA sheet.

This preserves the revert keyword behavior. This doesn't match the spec to the letter, see whatwg/html#8610, but I think it's probably ok to keep behavior for now. Changing to match the spec would avoid duplicating the details.css summary rule. Differential Revision: https://phabricator.services.mozilla.com/D164439 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1804925 gecko-commit: 5c61586b4d42a68cb9d49e2afa5db3c4efc3004b gecko-reviewers: TYLin
web-platform-tests · Dec 13, 2022 · c196035 · c196035
1 parent 5c642c3
commit c196035
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/html/rendering/the-details-element/details-revert-ref.html b/html/rendering/the-details-element/details-revert-ref.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+  summary {
+    display: list-item;
+    counter-increment: list-item 0;
+    list-style: disclosure-closed inside;
+  }
+  details[open] > summary {
+    list-style-type: disclosure-open;
+  }
+</style>
+<details>
+  <summary>Example</summary>
+</details>
+<details open>
+  <summary>Example</summary>
+</details>
diff --git a/html/rendering/the-details-element/details-revert.html b/html/rendering/the-details-element/details-revert.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<meta charset="utf-8">
+<link rel="help" href="https://html.spec.whatwg.org/#the-details-and-summary-elements">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1804925">
+<link rel="match" href="details-revert-ref.html">
+<style>
+  summary {
+    display: revert;
+    counter-increment: revert;
+    list-style: revert;
+  }
+</style>
+<details>
+  <summary>Example</summary>
+</details>
+<details open>
+  <summary>Example</summary>
+</details>