Fix z-index for focused Tabs (#2117)

3em · web-flow · commit a98458a61818 · 2025-09-03T15:47:50.000+03:00
diff --git a/packages/ui/tailwind-utils-config/components/tabs.ts b/packages/ui/tailwind-utils-config/components/tabs.ts
@@ -101,6 +101,10 @@ export default {
 
       '&:where(:not([disabled]):hover)': {
         color: 'var(--cn-text-brand)'
+      },
+
+      '&:where(:not([disabled]):focus-visible)': {
+        '@apply z-[1]': ''
       }
     },
 

Original file line number	Diff line number	Diff line change
`@@ -101,6 +101,10 @@ export default {`
`101`	`101`
`102`	`102`	`'&:where(:not([disabled]):hover)': {`
`103`	`103`	`color: 'var(--cn-text-brand)'`
	`104`	`+ },`
	`105`	`+`
	`106`	`+ '&:where(:not([disabled]):focus-visible)': {`
	`107`	`+ '@apply z-[1]': ''`
`104`	`108`	`}`
`105`	`109`	`},`
`106`	`110`