fix: issue with tab name by changing the state._name once

db-ui · Dec 18, 2024 · a1c1951 · a1c1951
1 parent 1a1e95e
commit a1c1951
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/components/src/components/tabs/tabs.lite.tsx b/packages/components/src/components/tabs/tabs.lite.tsx
@@ -91,7 +91,7 @@ export default function DBTabs(props: DBTabsProps) {
 
 					if (input && label) {
 						if (!input.id) {
-							const tabId = `tabs-${state._name}-tab-${index}`;
+							const tabId = `${state._name}-tab-${index}`;
 							label.setAttribute('for', tabId);
 							input.setAttribute(
 								'aria-controls',
@@ -128,7 +128,7 @@ export default function DBTabs(props: DBTabsProps) {
 					panel.id = `${state._name}-tab-panel-${index}`;
 					panel.setAttribute(
 						'aria-labelledby',
-						`tabs-${state._name}-tab-${index}`
+						`${state._name}-tab-${index}`
 					);
 				}
 			}
@@ -138,7 +138,7 @@ export default function DBTabs(props: DBTabsProps) {
 	onMount(() => {
 		state._id = props.id || state._id;
 
-		state._name = props.name || uuid();
+		state._name = `tabs-${props.name || uuid()}`;
 
 		state.initialized = true;
 	});