[joy-ui][Autocomplete] Fix text overflow in Chip (mui#40229)

Co-authored-by: ZeeshanTamboli <[email protected]>
andriy-shymkiv · Mar 2, 2024 · 8637c07 · 8637c07
1 parent 6d168ac
commit 8637c07
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 0 deletions.
diff --git a/docs/data/joy/components/autocomplete/CustomTags.js b/docs/data/joy/components/autocomplete/CustomTags.js
@@ -18,6 +18,7 @@ export default function CustomTags() {
             variant="solid"
             color="primary"
             endDecorator={<Close fontSize="sm" />}
+            sx={{ minWidth: 0 }}
             {...getTagProps({ index })}
           >
             {item.title}

diff --git a/docs/data/joy/components/autocomplete/CustomTags.tsx b/docs/data/joy/components/autocomplete/CustomTags.tsx
@@ -18,6 +18,7 @@ export default function CustomTags() {
             variant="solid"
             color="primary"
             endDecorator={<Close fontSize="sm" />}
+            sx={{ minWidth: 0 }}
             {...getTagProps({ index })}
           >
             {item.title}

diff --git a/docs/data/joy/components/autocomplete/FixedTags.js b/docs/data/joy/components/autocomplete/FixedTags.js
@@ -28,6 +28,7 @@ export default function FixedTags() {
             <Chip
               variant="soft"
               color="neutral"
+              sx={{ minWidth: 0 }}
               {...getTagProps({ index })}
               disabled={fixedOptions.indexOf(option) !== -1}
             >

diff --git a/docs/data/joy/components/autocomplete/FixedTags.tsx b/docs/data/joy/components/autocomplete/FixedTags.tsx
@@ -28,6 +28,7 @@ export default function FixedTags() {
             <Chip
               variant="soft"
               color="neutral"
+              sx={{ minWidth: 0 }}
               {...getTagProps({ index })}
               disabled={fixedOptions.indexOf(option) !== -1}
             >

diff --git a/packages/mui-joy/src/Autocomplete/Autocomplete.tsx b/packages/mui-joy/src/Autocomplete/Autocomplete.tsx
@@ -416,6 +416,7 @@ const Autocomplete = React.forwardRef(function Autocomplete(
             variant="soft"
             color="neutral"
             endDecorator={<ChipDelete {...getCustomizedTagProps({ index })} />}
+            sx={{ minWidth: 0 }}
           >
             {getOptionLabel(option)}
           </Chip>