diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/css/selectors/focus-within-011.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/selectors/focus-within-011.html')
| -rw-r--r-- | testing/web-platform/tests/css/selectors/focus-within-011.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/selectors/focus-within-011.html b/testing/web-platform/tests/css/selectors/focus-within-011.html new file mode 100644 index 0000000000..8c05321c14 --- /dev/null +++ b/testing/web-platform/tests/css/selectors/focus-within-011.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html class="reftest-wait test"> + <head> + <meta charset="utf-8"> + <title>CSS Test: :focus-within selector</title> + <link rel="author" title="Ethan Lin" href="mailto:ethlin@mozilla.com"> + <link rel="author" title="Mozilla" href="https://www.mozilla.org"> + <link rel="help" href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo"> + <meta name="assert" content="Test checks :focus-within works after focus change"> + <link rel="match" href="focus-within-011-ref.html"> + <style> + div { + border: solid 15px blue; + outline: none; + } + div:focus-within { + border-color: green; + } + </style> + </head> + <body> + <p>Test passes if, when the upper element is unfocused and the lower element is focused, the upper element is blue and the lower one is green, and they are surrounded by a thick green border.</p> + <div id="parent"> + <div id="child1" tabindex="1"></div> + <div id="child2" tabindex="2"></div> + </div> + <script> + var child1 = document.getElementById('child1'); + child1.focus(); + document.body.offsetWidth; + + var child2 = document.getElementById('child2'); + child2.focus(); + document.body.offsetWidth; + document.documentElement.classList.remove('reftest-wait'); + </script> + </body> +</html> |