fix(select): prevent default browser error UI from appearing

heroui-inc · Nov 4, 2024 · 7d6a1aa · 7d6a1aa
1 parent 9fe0aa7
commit 7d6a1aa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/.changeset/quick-buses-kick.md b/.changeset/quick-buses-kick.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/select": patch
+---
+
+Prevent default browser error UI from appearing.
diff --git a/packages/components/select/src/hidden-select.tsx b/packages/components/select/src/hidden-select.tsx
@@ -92,22 +92,17 @@ export function useHiddenSelect<T>(
     inputProps: {
       type: "text",
       tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,
-      autoComplete,
-      value: [...state.selectedKeys].join(",") ?? "",
-      required: isRequired,
       style: {fontSize: 16},
       onFocus: () => triggerRef.current?.focus(),
       disabled: isDisabled,
-      // The onChange is handled by the `select` element. This avoids the `form` with input `value`
-      // and no `onChange` warning.
-      onChange: () => {},
     },
     selectProps: {
       name,
       tabIndex: -1,
       autoComplete,
       // TODO: Address validation for cases where an option is selected and then deselected.
       // required: validationBehavior === "native" && isRequired,
+      required: isRequired,
       disabled: isDisabled,
       size: state.collection.size,
       value: