diff --git a/demo/demo.css b/demo/demo.css new file mode 100644 index 0000000..497f0ca --- /dev/null +++ b/demo/demo.css @@ -0,0 +1,31 @@ +div, +input, +textarea, +h1, +h2 { + font-family: arial, sans-serif; +} + +div { + margin: 1em 0; +} + +div[contenteditable] { + width: 10em; + min-height: 2em; + padding: 0.2em; + border: 1px solid #000; +} + +label { + display: block; + margin: 1em 0; +} + +select { + width: 10em; +} + +.js-focus-visible :focus:not(.focus-visible) { + outline: 0; +} diff --git a/demo/index.html b/demo/index.html index 936a667..75b5dd5 100644 --- a/demo/index.html +++ b/demo/index.html @@ -3,35 +3,7 @@ focus-visible class demo - +

Keyboard-only focus test

diff --git a/src/focus-visible.js b/src/focus-visible.js index 2fda07b..4cb0873 100644 --- a/src/focus-visible.js +++ b/src/focus-visible.js @@ -5,7 +5,6 @@ function init() { var hadKeyboardEvent = true; var hadFocusVisibleRecently = false; var hadFocusVisibleRecentlyTimeout = null; - var elWithFocusRing; var inputTypesWhitelist = { text: true,