[Select][material-ui] Add id to hidden input element (#39414)

Co-authored-by: Albert Yu <[email protected]>
mui · Nov 22, 2023 · b81119c · b81119c
1 parent 3942945
commit b81119c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/mui-material/src/InputLabel/InputLabel.js b/packages/mui-material/src/InputLabel/InputLabel.js
@@ -119,6 +119,11 @@ const InputLabelRoot = styled(FormLabel, {
       transform: 'translate(14px, -9px) scale(0.75)',
     }),
   }),
+  ...(ownerState.variant === 'standard' && {
+    '&:not(label) + div': {
+      marginTop: 16,
+    },
+  }),
 }));
 
 const InputLabel = React.forwardRef(function InputLabel(inProps, ref) {

diff --git a/packages/mui-material/src/Select/SelectInput.js b/packages/mui-material/src/Select/SelectInput.js
@@ -489,6 +489,8 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
 
   const listboxId = useId();
 
+  const hiddenInputId = useId();
+
   return (
     <React.Fragment>
       <SelectSelect
@@ -523,7 +525,7 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
       <SelectNativeInput
         aria-invalid={error}
         value={Array.isArray(value) ? value.join(',') : value}
-        name={name}
+        name={name ?? hiddenInputId}
         ref={inputRef}
         aria-hidden
         onChange={handleChange}