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 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( isDisabled = data.isDisabled, selectionMode, onChange, + form, } = props; let {validationBehavior, isRequired, isInvalid} = data; let {visuallyHiddenProps} = useVisuallyHidden(); @@ -92,6 +93,7 @@ export function useHiddenSelect( style: {display: "none"}, }, selectProps: { + form, autoComplete, disabled: isDisabled, "aria-invalid": isInvalid || undefined, @@ -117,7 +119,7 @@ export function useHiddenSelect( * form autofill, mobile form navigation, and native form submission. */ export function HiddenSelect(props: HiddenSelectProps) { - 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(props: HiddenSelectProps) { (originalProps: UseSelectProps) { isRequired: originalProps?.isRequired, autoComplete: originalProps?.autoComplete, isDisabled: originalProps?.isDisabled, + form: originalProps?.form, onChange, ...props, } as HiddenSelectProps),