fix: 🐛 dropdown arrow visible when autocomplete disabled

When the autocomplete was disabled it also hid the dropdown arrow - this was caused by `freeSolo={isDisabled}` on the Mui Autocomplete. I switched that to `disabled={isDisabled`, so now when the component is disabled the arrow is still visible, but not clickable. This more closely resembles the disabled behavior of SQFormDropdown. ✅ Closes: #213
SelectQuoteLabs · Apr 15, 2021 · a73098e · a73098e
1 parent 518d69c
commit a73098e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/SQForm/SQFormAsyncAutocomplete.js b/src/components/SQForm/SQFormAsyncAutocomplete.js
@@ -165,6 +165,7 @@ function SQFormAsyncAutocomplete({
         onOpen={onOpen}
         onClose={onClose}
         inputValue={inputValue}
+        disabled={isDisabled}
         getOptionLabel={option => option.label}
         getOptionDisabled={option => option.isDisabled}
         renderInput={params => {

diff --git a/src/components/SQForm/SQFormAutocomplete.js b/src/components/SQForm/SQFormAutocomplete.js
@@ -185,7 +185,7 @@ function SQFormAutocomplete({
         inputValue={inputValue}
         value={initialValue || null}
         disableClearable={isDisabled}
-        freeSolo={isDisabled}
+        disabled={isDisabled}
         getOptionLabel={option => option.label || ''}
         getOptionDisabled={option => option.isDisabled}
         renderInput={params => {