From 03399fc954e8ae94e7db69d077f9912fe214fa2c Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Sat, 18 Dec 2021 23:17:56 -0800
Subject: [PATCH] Fix listbox label ref

---
 src/lib/components/listbox/ListboxButton.svelte | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/listbox/ListboxButton.svelte b/src/lib/components/listbox/ListboxButton.svelte
index 78b7cda..baa7aeb 100644
--- a/src/lib/components/listbox/ListboxButton.svelte
+++ b/src/lib/components/listbox/ListboxButton.svelte
@@ -9,6 +9,7 @@
   let id = `headlessui-listbox-button-${useId()}`;
   let buttonRef = $api.buttonRef;
   let optionsRef = $api.optionsRef;
+  let labelRef = $api.labelRef;
 
   async function handleKeyDown(event: KeyboardEvent) {
     switch (event.key) {
@@ -65,9 +66,7 @@
     "aria-expanded": $api.disabled
       ? undefined
       : $api?.listboxState === ListboxStates.Open,
-    "aria-labelledby": $api?.labelRef
-      ? [$api?.labelRef?.id, id].join(" ")
-      : undefined,
+    "aria-labelledby": $labelRef ? [$labelRef?.id, id].join(" ") : undefined,
     disabled: $api?.disabled === true ? true : undefined,
   };
 </script>