diff --git a/docs/src/pages/components/ComboBox.svx b/docs/src/pages/components/ComboBox.svx
index 9670d341..e8c689f9 100644
--- a/docs/src/pages/components/ComboBox.svx
+++ b/docs/src/pages/components/ComboBox.svx
@@ -57,8 +57,7 @@ items={[
 
 ### Disabled
 
-<ComboBox titleText="Contact" placeholder="Select contact method"
-disabled
+<ComboBox disabled titleText="Contact" placeholder="Select contact method"
 items={[
   {id: "0", text: "Slack"},
   {id: "1", text: "Email"},
diff --git a/src/ComboBox/ComboBox.svelte b/src/ComboBox/ComboBox.svelte
index 21754567..ba3fc0c8 100644
--- a/src/ComboBox/ComboBox.svelte
+++ b/src/ComboBox/ComboBox.svelte
@@ -203,6 +203,7 @@
       role="button"
       aria-expanded="{open}"
       on:click="{() => {
+        if (disabled) return;
         open = true;
       }}"
       id="{id}"