From 92008b25d466d7a0402dfb5795deabcd7850cb42 Mon Sep 17 00:00:00 2001 From: Klaudija Ljevar Date: Fri, 2 Feb 2024 09:04:53 +0100 Subject: [PATCH] `Checkbox` focus selector in `DataTables` (#2712) * fix: focus selector in dataTables * chore: changeset --- .changeset/witty-spiders-lick.md | 5 +++++ packages/components/data-table/src/cell.styles.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/witty-spiders-lick.md diff --git a/.changeset/witty-spiders-lick.md b/.changeset/witty-spiders-lick.md new file mode 100644 index 0000000000..5a8be0724a --- /dev/null +++ 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 index ec646b12e7..fd7e3fbf08 100644 --- 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 */