From 8199877f200bb567cefde116f363feef7ca5cac1 Mon Sep 17 00:00:00 2001 From: Manuel Rego Casasnovas Date: Fri, 8 Jan 2021 12:54:37 +0100 Subject: [PATCH] [selectors] Add new test for :focus-visible This test checks that when you focus an element via script, it show a focus ring with `outline-style: auto`. See: w3c/csswg-drafts#4278 & whatwg/html#6256 Currently Chromium and WebKit pass this test, because despite they don't use `:focus-visible` in the UA stylesheet, they're painting an auto style outline when an element is focused. However Firefox fails it, because even when it uses `:-moz-focusring` (the equivalent to `:focus-visible`) in the UA stylesheet, it uses dotted style for the outline. --- css/selectors/focus-visible-017.html | 35 ++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 css/selectors/focus-visible-017.html diff --git a/css/selectors/focus-visible-017.html b/css/selectors/focus-visible-017.html new file mode 100644 index 000000000000000..104b22ca344c526 --- /dev/null +++ b/css/selectors/focus-visible-017.html @@ -0,0 +1,35 @@ + + +CSS Test (Selectors): Programatic focus matches :focus-visible + + + + + + + +
Target
+