From fd2309bfbb6e17eebee9e416f6b8f39f7f6a43e3 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 20 Jul 2022 18:19:59 +0800
Subject: [PATCH] fix: can now disable Listbox

---
 src/components/Listbox/Listbox2.tsx             |  2 +-
 src/components/Listbox/SelectStyled.stories.tsx | 14 ++++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/Listbox/Listbox2.tsx b/src/components/Listbox/Listbox2.tsx
index 0596002f..d020580e 100644
--- a/src/components/Listbox/Listbox2.tsx
+++ b/src/components/Listbox/Listbox2.tsx
@@ -213,7 +213,7 @@ function Listbox({
       size={size}
     >
       <DropdownMenuPrimitive.Root>
-        <DropdownMenuPrimitive.Trigger asChild>
+        <DropdownMenuPrimitive.Trigger asChild disabled={disabled}>
           <button
             ref={triggerRef}
             className={selectClasses.join(' ')}
diff --git a/src/components/Listbox/SelectStyled.stories.tsx b/src/components/Listbox/SelectStyled.stories.tsx
index c2eecc09..bbba3419 100644
--- a/src/components/Listbox/SelectStyled.stories.tsx
+++ b/src/components/Listbox/SelectStyled.stories.tsx
@@ -37,6 +37,20 @@ export const Default = (args: any) => (
   </Listbox>
 )
 
+export const ListBoxDisabled = (args: any) => (
+  <Listbox label="Default listbox" disabled>
+    <Listbox.Option label="Option 1" value="option-1">
+      Option 1
+    </Listbox.Option>
+    <Listbox.Option label="Option 2" value="option-2">
+      Option 2
+    </Listbox.Option>
+    <Listbox.Option disabled label="Option 3" value="option-3">
+      Option 3
+    </Listbox.Option>
+  </Listbox>
+)
+
 export const WithDisabled = (args: any) => (
   <Listbox label="Default listbox">
     <Listbox.Option label="Option 1" value="option-1">