data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: use attr rather than class for focus-visible polyfill (#1778)

Browse source 
fixes #1777
This commit is contained in:
Nolan Lawson 2020-05-16 14:25:12 -07:00 committed by GitHub
parent cc62000b21
commit beade4aec3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/build/template.html
View file

@ -31,10 +31,12 @@
<style id="theFocusVisibleStyle" media="all"> <style id="theFocusVisibleStyle" media="all">
/* :focus-visible styles */ /* :focus-visible styles */
/* polyfill */ /* 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 */ 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; display: none;
} }