[Autocomplete] Fix disabled + multiple combination support (#19041)

mui · Dec 31, 2019 · a07f180 · a07f180
1 parent f38c262
commit a07f180
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/docs/src/pages/components/autocomplete/FixedTags.js b/docs/src/pages/components/autocomplete/FixedTags.js
@@ -14,7 +14,7 @@ export default function FixedTags() {
       defaultValue={[top100Films[6], top100Films[13]]}
       renderTags={(value, getTagProps) =>
         value.map((option, index) => (
-          <Chip disabled={index === 0} label={option.title} {...getTagProps({ index })} />
+          <Chip label={option.title} {...getTagProps({ index })} disabled={index === 0} />
         ))
       }
       style={{ width: 500 }}

diff --git a/docs/src/pages/components/autocomplete/FixedTags.tsx b/docs/src/pages/components/autocomplete/FixedTags.tsx
@@ -14,7 +14,7 @@ export default function FixedTags() {
       defaultValue={[top100Films[6], top100Films[13]]}
       renderTags={(value: FilmOptionType[], getTagProps) =>
         value.map((option: FilmOptionType, index: number) => (
-          <Chip disabled={index === 0} label={option.title} {...getTagProps({ index })} />
+          <Chip label={option.title} {...getTagProps({ index })} disabled={index === 0} />
         ))
       }
       style={{ width: 500 }}

diff --git a/packages/material-ui-lab/src/Autocomplete/Autocomplete.js b/packages/material-ui-lab/src/Autocomplete/Autocomplete.js
@@ -302,6 +302,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(props, ref) {
       className: clsx(classes.tag, {
         [classes.tagSizeSmall]: size === 'small',
       }),
+      disabled,
       ...getTagProps(params),
     });