fix(Table): set sort type button to prevent form submit (#2402)

digdir · Sep 12, 2024 · b03692a · b03692a
1 parent dda5b21
commit b03692a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/pretty-dancers-taste.md b/.changeset/pretty-dancers-taste.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-react": patch
+---
+
+Table: Set sort button type to prevent form submit
diff --git a/packages/react/src/components/Table/TableHeaderCell.tsx b/packages/react/src/components/Table/TableHeaderCell.tsx
@@ -15,7 +15,13 @@ export const TableHeaderCell = forwardRef<
 >(function TableHeaderCell({ sort, children, ...rest }, ref) {
   return (
     <th aria-sort={sort} ref={ref} {...rest}>
-      {sort ? <button className='ds-focus'>{children}</button> : children}
+      {sort ? (
+        <button type='button' className='ds-focus'>
+          {children}
+        </button>
+      ) : (
+        children
+      )}
     </th>
   );
 });