feat(tabs): #446 set tabindex=0 on active tab

oruga-ui · Nov 26, 2022 · b0e0d0a · b0e0d0a
1 parent 220db52
commit b0e0d0a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/packages/oruga-next/src/utils/TabbedChildMixin.ts b/packages/oruga-next/src/utils/TabbedChildMixin.ts
@@ -77,7 +77,8 @@ export default (parentCmp: string) => defineComponent({
             h('div',
                 {
                     class: this.elementClasses,
-                    'data-id': `${parentCmp}-${this.newValue}`
+                    'data-id': `${parentCmp}-${this.newValue}`,
+                    'tabindex': this.isActive ? 0 : -1
                 },
                 content
             ),

diff --git a/packages/oruga/src/utils/TabbedChildMixin.js b/packages/oruga/src/utils/TabbedChildMixin.js
@@ -75,7 +75,11 @@ export default (parentCmp) => ({
             'div',
             {
                 directives: [{ name: 'show', value: this.isActive && this.visible }],
-                attrs: { 'class': this.elementClasses, 'id': `${parentCmp}-${this.newValue}` }
+                attrs: {
+                    'class': this.elementClasses,
+                    'id': `${parentCmp}-${this.newValue}`,
+                    'tabindex': this.isActive ? 0 : -1
+                }
             },
             this.$slots.default
         )