diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/inert/inert-canvas-fallback-content.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/inert/inert-canvas-fallback-content.html')
| -rw-r--r-- | testing/web-platform/tests/inert/inert-canvas-fallback-content.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/testing/web-platform/tests/inert/inert-canvas-fallback-content.html b/testing/web-platform/tests/inert/inert-canvas-fallback-content.html new file mode 100644 index 0000000000..f22549b503 --- /dev/null +++ b/testing/web-platform/tests/inert/inert-canvas-fallback-content.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<meta charset="utf-8" /> +<title>Focusability of inert inside canvas</title> +<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#focusable-area"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#inert"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/canvas.html#being-used-as-relevant-canvas-fallback-content"> +<link rel="help" href="https://github.com/whatwg/html/issues/7534"> +<meta name="assert" content=" + Checks that inert elements are not focusable + even when being used as relevant canvas fallback content, + even in a display:none subtree"> +<div id="log"></div> +<canvas> + <section> + <div tabindex="-1" data-focusable="true"> + normal `div` + </div> + <span tabindex="-1" data-focusable="true"> + normal `span` + </span> + <a href="#" data-focusable="true"> + normal `a` + </a> + </section> + <section style="display: none"> + <div tabindex="-1" data-focusable="false"> + `div` in `display: none` + </div> + <span tabindex="-1" data-focusable="false"> + `span` in `display: none` + </span> + <a href="#" data-focusable="false"> + `a` in `display: none` + </a> + </section> + <section inert> + <div tabindex="-1" data-focusable="false"> + inert `div` + </div> + <span tabindex="-1" data-focusable="false"> + inert `span` + </span> + <a href="#" data-focusable="false"> + inert `a` + </a> + </section> + <section inert style="display: none"> + <div tabindex="-1" data-focusable="false"> + inert `div` in `display: none` + </div> + <span tabindex="-1" data-focusable="false"> + inert `span` in `display: none` + </span> + <a href="#" data-focusable="false"> + inert `a` in `display: none` + </a> + </section> +</canvas> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> +for (let element of document.querySelectorAll("[data-focusable]")) { + test(function() { + assert_not_equals(document.activeElement, element); + element.focus(); + if (JSON.parse(element.dataset.focusable)) { + assert_equals(document.activeElement, element); + } else { + assert_not_equals(document.activeElement, element); + } + }, element.textContent); +} +</script> |