Checkbox focus selector in DataTables (#2712)

* fix: focus selector in dataTables * chore: changeset
commercetools · Feb 2, 2024 · 92008b2 · 92008b2
1 parent 7f42b3d
commit 92008b2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/witty-spiders-lick.md b/.changeset/witty-spiders-lick.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/data-table': patch
+---
+
+Fix the focus selector in DataTables
diff --git a/packages/components/data-table/src/cell.styles.tsx b/packages/components/data-table/src/cell.styles.tsx
@@ -76,7 +76,7 @@ const outlineStyles = css`
   /* to avoid getting cut by overflow:hidden */
   outline-offset: -3px;
 
-  :not(:focus):focus-within {
+  :has(:focus-visible) {
     outline-style: auto;
 
     /* try using the default user-agent color */