fix(Table): focus sortable button

digdir · Dec 26, 2024 · 5bbdf49 · 5bbdf49
1 parent 2643c48
commit 5bbdf49
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/css/src/table.css b/packages/css/src/table.css
@@ -95,6 +95,8 @@
       text-align: inherit;
       width: 100%;
 
+      @composes ds-focus from './base.css';
+
       &:focus-visible {
         position: relative; /* Place on top when painting focus border */
       }

diff --git a/packages/react/src/components/Table/TableHeaderCell.tsx b/packages/react/src/components/Table/TableHeaderCell.tsx
@@ -15,13 +15,7 @@ export const TableHeaderCell = forwardRef<
 >(function TableHeaderCell({ sort, children, ...rest }, ref) {
   return (
     <th aria-sort={sort} ref={ref} {...rest}>
-      {sort ? (
-        <button type='button' className='ds-focus'>
-          {children}
-        </button>
-      ) : (
-        children
-      )}
+      {sort ? <button type='button'>{children}</button> : children}
     </th>
   );
 });