Update src/index.ts

seanpdoyle · jfuchs · web-flow · commit 263f867a4d29 · 2022-07-18T13:03:25.000-04:00
Co-authored-by: Jonathan Fuchs &lt;21195+jfuchs@users.noreply.github.com&gt;
diff --git a/src/index.ts b/src/index.ts
@@ -28,7 +28,7 @@ export default class TabContainerElement extends HTMLElement {
       const tabs = getTabs(this)
       const currentIndex = tabs.indexOf(tabs.find(tab => tab.matches('[aria-selected="true"]'))!)
       const [incrementKey, decrementKey] = getNavigationKeys(
-        !!target.closest('[role="tablist"][aria-orientation="vertical"]')
+        !!(target.closest('[role="tablist"]')?.getAttribute('aria-orientation') === 'vertical')
       )
 
       if (event.code === incrementKey) {

Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ export default class TabContainerElement extends HTMLElement {`
`28`	`28`	`const tabs = getTabs(this)`
`29`	`29`	`const currentIndex = tabs.indexOf(tabs.find(tab => tab.matches('[aria-selected="true"]'))!)`
`30`	`30`	`const [incrementKey, decrementKey] = getNavigationKeys(`
`31`		`- !!target.closest('[role="tablist"][aria-orientation="vertical"]')`
	`31`	`+ !!(target.closest('[role="tablist"]')?.getAttribute('aria-orientation') === 'vertical')`
`32`	`32`	`)`
`33`	`33`
`34`	`34`	`if (event.code === incrementKey) {`