Show Autocomplete enablement visually

Also enable and disable the rendered input of MuiAutocomplete to visually indicate the Autocomplete enablement.
eclipsesource · Jul 16, 2020 · 2755bff · 2755bff
1 parent b53bcbd
commit 2755bff
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/material/src/extended/MuiAutocomplete.tsx b/packages/material/src/extended/MuiAutocomplete.tsx
@@ -77,7 +77,14 @@ export const MuiAutocomplete = React.memo((props: EnumCellProps & WithClassname
       getOptionLabel={getOptionLabel || (option => option?.label)}
       style={{ marginTop: 16 }}
       renderInput={params => (
-          <Input style={{ width: '100%' }} type='text' inputProps={params.inputProps} inputRef={params.InputProps.ref} autoFocus={appliedUiSchemaOptions.focus}/>
+        <Input
+          style={{ width: '100%' }}
+          type='text'
+          inputProps={params.inputProps}
+          inputRef={params.InputProps.ref}
+          autoFocus={appliedUiSchemaOptions.focus}
+          disabled={!enabled}
+        />
       )}
       renderOption={renderOption}
       filterOptions={filterOptions}