From 624a8e3a1283fc61c9dbaaacc849fb506dc075e5 Mon Sep 17 00:00:00 2001
From: Steve Mosley <steve@starter4ten.com>
Date: Tue, 18 Feb 2025 23:04:32 +1300
Subject: [PATCH 1/2] fix(select): pass form prop to hidden-select

---
 packages/components/select/src/hidden-select.tsx | 5 ++++-
 packages/components/select/src/use-select.ts     | 1 +
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/components/select/src/hidden-select.tsx b/packages/components/select/src/hidden-select.tsx
index c5009c73a9..ea9e9d537f 100644
--- a/packages/components/select/src/hidden-select.tsx
+++ b/packages/components/select/src/hidden-select.tsx
@@ -68,6 +68,7 @@ export function useHiddenSelect<T>(
     isDisabled = data.isDisabled,
     selectionMode,
     onChange,
+    form,
   } = props;
   let {validationBehavior, isRequired, isInvalid} = data;
   let {visuallyHiddenProps} = useVisuallyHidden();
@@ -92,6 +93,7 @@ export function useHiddenSelect<T>(
       style: {display: "none"},
     },
     selectProps: {
+      form,
       autoComplete,
       disabled: isDisabled,
       "aria-invalid": isInvalid || undefined,
@@ -117,7 +119,7 @@ export function useHiddenSelect<T>(
  * form autofill, mobile form navigation, and native form submission.
  */
 export function HiddenSelect<T>(props: HiddenSelectProps<T>) {
-  let {state, triggerRef, selectRef, label, name, isDisabled} = props;
+  let {state, triggerRef, selectRef, label, name, isDisabled, form} = props;
 
   let {containerProps, selectProps} = useHiddenSelect({...props, selectRef}, state, triggerRef);
 
@@ -151,6 +153,7 @@ export function HiddenSelect<T>(props: HiddenSelectProps<T>) {
       <input
         autoComplete={selectProps.autoComplete}
         disabled={isDisabled}
+        form={form}
         name={name}
         type="hidden"
         value={[...state.selectedKeys].join(",") ?? ""}
diff --git a/packages/components/select/src/use-select.ts b/packages/components/select/src/use-select.ts
index 4bb1e1d013..ac89e60bf3 100644
--- a/packages/components/select/src/use-select.ts
+++ b/packages/components/select/src/use-select.ts
@@ -488,6 +488,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
         isRequired: originalProps?.isRequired,
         autoComplete: originalProps?.autoComplete,
         isDisabled: originalProps?.isDisabled,
+        form: originalProps?.form,
         onChange,
         ...props,
       } as HiddenSelectProps<T>),

From bdcf3e560448cb105b50d8ff57e786a1fd1873b6 Mon Sep 17 00:00:00 2001
From: Steve Mosley <steve@starter4ten.com>
Date: Tue, 18 Feb 2025 23:22:39 +1300
Subject: [PATCH 2/2] chore(select): changeset

---
 .changeset/four-terms-relax.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/four-terms-relax.md

diff --git a/.changeset/four-terms-relax.md b/.changeset/four-terms-relax.md
new file mode 100644
index 0000000000..47f01b8534
--- /dev/null
+++ b/.changeset/four-terms-relax.md
@@ -0,0 +1,5 @@
+---
+"@heroui/select": patch
+---
+
+Pass form prop to hidden-select