From 8637c078323b957a3ef204c6e50b95d3b7d51b4f Mon Sep 17 00:00:00 2001
From: Punit Soni <punit.soni33@gmail.com>
Date: Sat, 2 Mar 2024 17:55:37 +0530
Subject: [PATCH] [joy-ui][Autocomplete] Fix text overflow in Chip (#40229)

Co-authored-by: ZeeshanTamboli <zeeshan.tamboli@gmail.com>
---
 docs/data/joy/components/autocomplete/CustomTags.js  | 1 +
 docs/data/joy/components/autocomplete/CustomTags.tsx | 1 +
 docs/data/joy/components/autocomplete/FixedTags.js   | 1 +
 docs/data/joy/components/autocomplete/FixedTags.tsx  | 1 +
 packages/mui-joy/src/Autocomplete/Autocomplete.tsx   | 1 +
 5 files changed, 5 insertions(+)

diff --git a/docs/data/joy/components/autocomplete/CustomTags.js b/docs/data/joy/components/autocomplete/CustomTags.js
index 1b83a19a03b900..edcdc0edef35ce 100644
--- 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
index 1b83a19a03b900..edcdc0edef35ce 100644
--- 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
index 17e80d30b5ddf8..91744804a2f22e 100644
--- 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
index 17e80d30b5ddf8..91744804a2f22e 100644
--- 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
index a6a806dec0a1e0..696feacf1ea575 100644
--- 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>