[SelectList] Add type="button" to <button> wrapper to not submit …

…forms on click
techniq · Jan 11, 2024 · a7b7a4e · a7b7a4e
1 parent 77c96ad
commit a7b7a4e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/beige-papayas-study.md b/.changeset/beige-papayas-study.md
@@ -0,0 +1,5 @@
+---
+"svelte-ux": patch
+---
+
+[SelectList] Add `type="button"` to `<button>` wrapper to not submit forms on click
diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -364,6 +364,7 @@
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
 <button
+  type="button"
   aria-haspopup={!inlineOptions ? "listbox" : undefined}
   class={cls("SelectField block w-full cursor-default text-left", theme.root, classes.root, $$props.class)}
   on:click={onClick}>