From 95447dbc335860290ceebdf9985779a051caa4e8 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Tue, 16 Jul 2024 19:20:23 -0400
Subject: [PATCH] [SelectField] Do not allow wrapping `button` container to be
 keyboard focusable

---
 .changeset/serious-boxes-rush.md                         | 5 +++++
 packages/svelte-ux/src/lib/components/SelectField.svelte | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/serious-boxes-rush.md

diff --git a/.changeset/serious-boxes-rush.md b/.changeset/serious-boxes-rush.md
new file mode 100644
index 000000000..8bbe0dd5e
--- /dev/null
+++ b/.changeset/serious-boxes-rush.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+[SelectField] Do not allow wrapping `button` container to be keyboard focusable
diff --git a/packages/svelte-ux/src/lib/components/SelectField.svelte b/packages/svelte-ux/src/lib/components/SelectField.svelte
index 77b4d7a1a..9422a9a50 100644
--- a/packages/svelte-ux/src/lib/components/SelectField.svelte
+++ b/packages/svelte-ux/src/lib/components/SelectField.svelte
@@ -412,7 +412,6 @@
   }
 </script>
 
-<!-- svelte-ignore a11y-click-events-have-key-events -->
 <button
   type="button"
   aria-haspopup={!inlineOptions ? 'listbox' : undefined}
@@ -424,6 +423,7 @@
   )}
   bind:this={selectFieldEl}
   on:click={onClick}
+  tabindex="-1"
 >
   <TextField
     {label}