From 2755bffa3a85b3090c787c68c1a45cf8d72c2ce5 Mon Sep 17 00:00:00 2001
From: Stefan Dirix <sdirix@eclipsesource.com>
Date: Fri, 10 Jul 2020 15:19:30 +0200
Subject: [PATCH] Show Autocomplete enablement visually

Also enable and disable the rendered input of MuiAutocomplete to
visually indicate the Autocomplete enablement.
---
 packages/material/src/extended/MuiAutocomplete.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/material/src/extended/MuiAutocomplete.tsx b/packages/material/src/extended/MuiAutocomplete.tsx
index 743e1389a..acde0e260 100644
--- 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}