[Collapsible] Fix max-width bug (#12003)

kyledurand · web-flow · commit 2ff31e79f2e6 · 2024-05-14T15:36:27.000-04:00
diff --git a/.changeset/twenty-turtles-leave.md b/.changeset/twenty-turtles-leave.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': patch
+---
+
+Fixed max width bug in Collapsible
diff --git a/polaris-react/src/components/Collapsible/Collapsible.tsx b/polaris-react/src/components/Collapsible/Collapsible.tsx
@@ -81,7 +81,7 @@ export function Collapsible({
           overflow: isFullyOpen ? 'visible' : 'hidden',
         }
       : {
-          maxWidth: isFullyOpen ? 'auto' : `${size}px`,
+          maxWidth: isFullyOpen ? 'none' : `${size}px`,
           overflow: isFullyOpen ? 'visible' : 'hidden',
         }),
   };

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@shopify/polaris': patch
 +---
++
 +Fixed max width bug in Collapsible
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ export function Collapsible({`
`81`	`81`	`overflow: isFullyOpen ? 'visible' : 'hidden',`
`82`	`82`	`}`
`83`	`83`	`: {`
`84`		- maxWidth: isFullyOpen ? 'auto' : `${size}px`,
	`84`	+ maxWidth: isFullyOpen ? 'none' : `${size}px`,
`85`	`85`	`overflow: isFullyOpen ? 'visible' : 'hidden',`
`86`	`86`	`}),`
`87`	`87`	`};`