summaryrefslogtreecommitdiffstats
path: root/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 14:29:10 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-28 14:29:10 +0000
commit2aa4a82499d4becd2284cdb482213d541b8804dd (patch)
treeb80bf8bf13c3766139fbacc530efd0dd9d54394c /layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
parentInitial commit. (diff)
downloadfirefox-upstream.tar.xz
firefox-upstream.zip
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r--layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html35
1 files changed, 35 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
new file mode 100644
index 0000000000..1e6c04505b
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+ - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+ <script>
+ function runTest() {
+ // Both Chrome and Safari do not add the 'open' attribute to details1
+ // element, but Firefox does add 'open' to details1 since summary2 had been
+ // moved to details1 before receiving the 'click' event.
+ var details1 = document.getElementById("details1");
+ var summary2 = document.getElementById("summary2");
+
+ document.body.addEventListener("click", function () {
+ // Move summary2 into details1 at capture phase, and summary2 will be the
+ // main summary of details1 at target phase.
+ details1.insertBefore(summary2, details1.children[0]);
+ }, true);
+
+ summary2.dispatchEvent(new MouseEvent("click"));
+
+ document.documentElement.removeAttribute("class");
+ }
+ </script>
+ <body onload="runTest();">
+ <details id="details1">
+ <summary id="summary1">Summary 1</summary>
+ <p>This is the details 1.</p>
+ </details>
+ <details>
+ <summary id="summary2">Summary 2</summary>
+ <p>This is the details 2.</p>
+ </details>
+ </body>
+</html>