From b4b2ff94443536a23259c7eb6c4ebef36fa9e036 Mon Sep 17 00:00:00 2001 From: Daniel Holbert Date: Fri, 17 Jan 2025 11:42:43 +0000 Subject: [PATCH] part 3: Add variant of previous patch's details/summary WPT without any special styling on ::details-content. This test leaves ::details-content unstyled, which per spec means that the ::details-content should generate a 'display:block' wrapper around the details-text. The reference case mimics this by simply adding an unstyled div around that text. This test passes in Chrome 134 dev and Safari Tech Preview 18.2. It fails in Firefox because Firefox doesn't support ::details-content yet; and in particular, Firefox doesn't automatically generate any wrapper-box for that pseudo-element, and the lack-of-that-box leads to the wrong rendering. Differential Revision: https://phabricator.services.mozilla.com/D234617 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1942190 gecko-commit: 5a74fd9392bad7b40efce636e024c4a8aa215dc0 gecko-reviewers: TYLin --- ...etails-summary-display-inline-002-ref.html | 114 +++++++++++++++++ .../details-summary-display-inline-002.html | 119 ++++++++++++++++++ 2 files changed, 233 insertions(+) create mode 100644 html/rendering/the-details-element/details-summary-display-inline-002-ref.html create mode 100644 html/rendering/the-details-element/details-summary-display-inline-002.html diff --git a/html/rendering/the-details-element/details-summary-display-inline-002-ref.html b/html/rendering/the-details-element/details-summary-display-inline-002-ref.html new file mode 100644 index 00000000000000..aa31ff76415bf9 --- /dev/null +++ b/html/rendering/the-details-element/details-summary-display-inline-002-ref.html @@ -0,0 +1,114 @@ + + +CSS Reference Case + + + + + +
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ + +
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ + +
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
+ X +
+
XX XX XX
+
XX XXXX
+
+
+
diff --git a/html/rendering/the-details-element/details-summary-display-inline-002.html b/html/rendering/the-details-element/details-summary-display-inline-002.html new file mode 100644 index 00000000000000..6fc6e6ad60555e --- /dev/null +++ b/html/rendering/the-details-element/details-summary-display-inline-002.html @@ -0,0 +1,119 @@ + + +CSS Test: details and summary with all pairwise combinations of 'display: {inline, inline-block, block}' + + + + + + + + +
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ + +
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ + +
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+
+ X +
+ XX XX XX + XX XXXX +
+
+