fix: label association in React Material Autocomplete

sgober · web-flow · commit 6a739a66d12d · 2023-11-13T22:55:09.000+01:00
The Autocomplete in React Material was wrongly instrumented, leading to a
broken for property in the rendered label. This is now fixed.
diff --git a/packages/material-renderers/src/mui-controls/MuiAutocomplete.tsx b/packages/material-renderers/src/mui-controls/MuiAutocomplete.tsx
@@ -129,7 +129,7 @@ export const MuiAutocomplete = (
               autoFocus={appliedUiSchemaOptions.focus}
               disabled={!enabled}
               {...params}
-              id={id + '-input'}
+              id={id}
               required={
                 required && !appliedUiSchemaOptions.hideRequiredAsterisk
               }

Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ export const MuiAutocomplete = (`
`129`	`129`	`autoFocus={appliedUiSchemaOptions.focus}`
`130`	`130`	`disabled={!enabled}`
`131`	`131`	`{...params}`
`132`		`- id={id + '-input'}`
	`132`	`+ id={id}`
`133`	`133`	`required={`
`134`	`134`	`required && !appliedUiSchemaOptions.hideRequiredAsterisk`
`135`	`135`	`}`