fix: use attr rather than class for focus-visible polyfill (nolanlaws…

…on#1778) fixes nolanlawson#1777
alice-werefox · Apr 3, 2023 · 20e8fe8 · 20e8fe8
1 parent ba4a519
commit 20e8fe8
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/build/template.html b/src/build/template.html
@@ -31,10 +31,12 @@
   <style id="theFocusVisibleStyle" media="all">
     /*  :focus-visible styles */
     /* polyfill */
-    .js-focus-visible :focus:not(.focus-visible) {
+    /* Note we have to use [data-focus-visible-added] rather than .focus-visible because
+     * Svelte overrides classes */
+    .js-focus-visible :focus:not([data-focus-visible-added]) {
       outline: none !important; /* important to win the specificity war */
     }
-    .js-focus-visible :focus:not(.focus-visible).focus-after::after {
+    .js-focus-visible :focus:not([data-focus-visible-added]).focus-after::after {
       display: none;
     }