fix(select): if every option in the select is disabled, we throw an error

Author: thejackshelton

apps/website/src/routes/docs/headless/select/examples/uncontrolled.tsx

@@ -11,7 +11,7 @@ export default component$(() => {
   const usersSig = useSignal<string[]>(['Tim', 'Ryan', 'Jim', 'Jessie', 'Abby']);
 
   return (
-    <Select value="Jessie" class="relative min-w-40">
+    <Select value="Jessi" class="relative min-w-40">
       <SelectTrigger class="w-full border-2 border-dashed border-red-400">
         <SelectValue placeholder="Select an option" />
       </SelectTrigger>

packages/kit-headless/src/components/select/select-inline.tsx

@@ -55,9 +55,13 @@ export const Select: FunctionComponent<SelectProps> = (props) => {
     }
   }
 
-  // TODO: will have problems if all options are disabled
   if (isDisabledArr[valuePropIndex] === true) {
     valuePropIndex = isDisabledArr.findIndex((isDisabled) => isDisabled === false);
+    if (valuePropIndex === -1) {
+      throw new Error(
+        `Qwik UI: it appears you've disabled every option in the select. Was that intentional?`,
+      );
+    }
   }
 
   return (