From b0e0d0ae6a054331a256db93c7ffff2948caaf19 Mon Sep 17 00:00:00 2001
From: Walter Tommasi <tommsi20@gmail.com>
Date: Sat, 26 Nov 2022 18:03:57 +0100
Subject: [PATCH] feat(tabs): #446 set tabindex=0 on active tab

---
 packages/oruga-next/src/utils/TabbedChildMixin.ts | 3 ++-
 packages/oruga/src/utils/TabbedChildMixin.js      | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/oruga-next/src/utils/TabbedChildMixin.ts b/packages/oruga-next/src/utils/TabbedChildMixin.ts
index c499684ce..f998cc7b1 100644
--- 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
index bd6ed5fe6..5d1e80767 100644
--- 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
         )