(fix) allow keyboard scrolling when a scrollbar is applied to the ele…

…ment (#33) Default to `tabindex="0"` on the internal `<code>` element to allow keyboard scrolling when a scrollbar is applied to the element. This resolves an accessibility issue found by Vue-Axe.
highlightjs · Aug 22, 2022 · c4e3a91 · c4e3a91
1 parent 4a9a270
commit c4e3a91
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 2.1.2
+
+- Default to `tabindex="0"` on the internal `<code>` element to allow keyboard scrolling when a scrollbar is applied to the element. This resolves an accessibility issue found by Vue-Axe. (#33)
+
 ## 2.1.1
 
 - add `exports "."` to `package.json` (#27)

diff --git a/src/vue.ts b/src/vue.ts
@@ -68,6 +68,7 @@ const component = defineComponent({
             h('code', {
                 class: this.className,
                 innerHTML: this.highlightedCode,
+                tabindex: '0',
             }),
         ])
     },