archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(select): pass form prop to hidden-select (#4854)

Browse Source 
* fix(select): pass form prop to hidden-select

* chore(select): changeset
This commit is contained in:
Steve Mosley 2025-02-27 01:25:56 +13:00 committed by GitHub
parent fd446dac2a
commit 989cbe1eb0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/four-terms-relax.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/select": patch
---
Pass form prop to hidden-select

5
packages/components/select/src/hidden-select.tsx
View File

@ -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(",") ?? ""}

1
packages/components/select/src/use-select.ts
View File

@ -493,6 +493,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>),