From 0b17c9426b8d3b495ee0adc1726fbd20985b58d2 Mon Sep 17 00:00:00 2001
From: Andy Blum <andy.blum.01@gmail.com>
Date: Fri, 11 Feb 2022 13:19:09 -0500
Subject: [PATCH] fix(tabs-extended): add vertical arrow key support (#8243)

### Related Ticket(s)

{{Provide url(s) to the related ticket(s) that this pull request addresses}}

fixes #7719

{{Add a human-readable description / detail summary of what the PR is changing and any details around how and why}}

Adds arrow-up and arrow-down navigation to the tabs-extended component

### Changelog

**Changed**

- Adds arrow-up and arrow-down navigation to the tabs-extended component
---
 .../src/components/tabs-extended/tabs-extended.ts           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/web-components/src/components/tabs-extended/tabs-extended.ts b/packages/web-components/src/components/tabs-extended/tabs-extended.ts
index 7c4905df336..0f80e6156c8 100644
--- a/packages/web-components/src/components/tabs-extended/tabs-extended.ts
+++ b/packages/web-components/src/components/tabs-extended/tabs-extended.ts
@@ -88,6 +88,12 @@ class DDSTabsExtended extends StableSelectorMixin(LitElement) {
           this._setActiveItem(this._getNextTab(activeTab));
         }
         break;
+      case 'ArrowUp':
+        this._setActiveItem(this._getPrevTab(activeTab));
+        break;
+      case 'ArrowDown':
+        this._setActiveItem(this._getNextTab(activeTab));
+        break;
       case 'Home':
         this._setActiveItem(this._getNextTab(-1));
         break;