fix(tabs): change focus with key arrow

ovh · Jan 16, 2024 · 006d4f6 · 006d4f6
1 parent 1e1eb3d
commit 006d4f6
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/components/src/tabs/src/components/osds-tabs/core/controller.ts b/packages/components/src/tabs/src/components/osds-tabs/core/controller.ts
@@ -51,9 +51,11 @@ class OdsTabsController {
       if (event.code === 'ArrowLeft') {
         const previousPanel = this.tabItems[currentSelectedTabIndex - 1].getAttribute('panel');
         this.changeActivePanel(previousPanel!);
+        this.tabItems.find((tab) => tab.panel === previousPanel )!.focus();
       } else {
         const nextPanel = this.tabItems[currentSelectedTabIndex + 1].getAttribute('panel');
         this.changeActivePanel(nextPanel!);
+        this.tabItems.find((tab) => tab.panel === nextPanel )!.focus();
       }
     }
   }