fix(headless/tabs): type issues

shairez · shairez · commit aa15c8368313 · 2023-08-17T01:16:12.000+03:00
diff --git a/packages/kit-headless/src/components/tabs/tabs.tsx b/packages/kit-headless/src/components/tabs/tabs.tsx
@@ -356,7 +356,9 @@ export const TabsImpl = component$((props: TabsProps & { tabs: TabInfo[] }) => {
     }
 
     function focusOnTab(index: number) {
-      tabsRootElement?.children[0]?.children[index]?.focus();
+      const tabListElement = tabsRootElement?.children[0];
+      const tabToFocusOn = tabListElement?.children[index] as HTMLElement;
+      tabToFocusOn.focus();
     }
   });
 

Original file line number	Diff line number	Diff line change
`@@ -356,7 +356,9 @@ export const TabsImpl = component$((props: TabsProps & { tabs: TabInfo[] }) => {`
`356`	`356`	`}`
`357`	`357`
`358`	`358`	`function focusOnTab(index: number) {`
`359`		`- tabsRootElement?.children[0]?.children[index]?.focus();`
	`359`	`+ const tabListElement = tabsRootElement?.children[0];`
	`360`	`+ const tabToFocusOn = tabListElement?.children[index] as HTMLElement;`
	`361`	`+ tabToFocusOn.focus();`
`360`	`362`	`}`
`361`	`363`	`});`
`362`	`364`