From 290cce15be86273eea2c5e524d2a702b06b6d788 Mon Sep 17 00:00:00 2001 From: Jakob Guddas Date: Sat, 26 Aug 2023 15:41:35 +0200 Subject: [PATCH] fix: show focus ring when table row is focused in read mode (#1303) * fix: show focus ring when table row is focused in read mode * Create witty-trees-buy.md --- .changeset/witty-trees-buy.md | 5 +++++ packages/components/table/src/table-row.tsx | 3 ++- 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 .changeset/witty-trees-buy.md diff --git a/.changeset/witty-trees-buy.md b/.changeset/witty-trees-buy.md new file mode 100644 index 0000000000..049b66e206 --- /dev/null +++ b/.changeset/witty-trees-buy.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/table": patch +--- + +fix: show focus ring when table row is focused in read mode diff --git a/packages/components/table/src/table-row.tsx b/packages/components/table/src/table-row.tsx index 2d027cae9f..3ca6aefcdd 100644 --- a/packages/components/table/src/table-row.tsx +++ b/packages/components/table/src/table-row.tsx @@ -70,7 +70,8 @@ const TableRow = forwardRef<"tr", TableRowProps>((props, ref) => { data-selected={dataAttr(isSelected)} {...mergeProps( rowProps, - isSelectable ? {...hoverProps, ...focusProps} : {}, + focusProps, + isSelectable ? hoverProps : {}, filterDOMProps(node.props, { enabled: shouldFilterDOMProps, }),