From beade4aec3df567ce544597e3d755ae7b8250537 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sat, 16 May 2020 14:25:12 -0700
Subject: [PATCH] fix: use attr rather than class for focus-visible polyfill
 (#1778)

fixes #1777
---
 src/build/template.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/build/template.html b/src/build/template.html
index 4b9e0842..fe8fc5f1 100644
--- 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;
     }