A

Shopify · Apr 2, 2024 · d60e7b6 · d60e7b6
1 parent bc5ba5c
commit d60e7b6
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/polaris-viz/src/components/DonutChart/Chart.tsx b/packages/polaris-viz/src/components/DonutChart/Chart.tsx
@@ -1,4 +1,4 @@
-import {Fragment, useState} from 'react';
+import {Fragment, useMemo, useState} from 'react';
 import {pie} from 'd3-shape';
 import {
   clamp,
@@ -114,10 +114,13 @@ export function Chart({
     return previous;
   }, 0);
 
-  const maxLegendWidth = Math.min(
-    longestLegendWidth,
-    dimensions.width * MAX_LEGEND_WIDTH_PERCENTAGE,
-  );
+  const maxLegendWidth =
+    legendDirection === 'vertical'
+      ? Math.max(
+          longestLegendWidth,
+          dimensions.width * MAX_LEGEND_WIDTH_PERCENTAGE,
+        )
+      : 0;
 
   const {height, width, legend, setLegendDimensions, isLegendMounted} =
     useLegend({