🐛 (static-chart) prevent DoD from overflowing

owid · Dec 4, 2023 · ec64f36 · ec64f36
1 parent c15d0c6
commit ec64f36
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/packages/@ourworldindata/grapher/src/core/Grapher.tsx b/packages/@ourworldindata/grapher/src/core/Grapher.tsx
@@ -1245,9 +1245,12 @@ export class Grapher
         return uniqueDetails
     }
 
-    // Used for static exports. Defined at this level because they need to
+    // Used for static charts. Defined at this level because they need to
     // be accessed by CaptionedChart and DownloadModal
     @computed get detailRenderers(): MarkdownTextWrap[] {
+        const activeBounds = this.isExportingToSvgOrPng
+            ? this.boundsForExport
+            : this.tabBounds
         return [...this.detailsOrderedByReference].map((term, i) => {
             let text = `**${i + 1}.** `
             const detail: EnrichedDetail = window.details?.[term]
@@ -1263,9 +1266,7 @@ export class Grapher
                 text,
                 fontSize: 12,
                 // leave room for padding on the left and right
-                maxWidth:
-                    this.boundsForExport.width -
-                    2 * this.framePaddingHorizontal,
+                maxWidth: activeBounds.width - 2 * this.framePaddingHorizontal,
                 lineHeight: 1.2,
                 style: {
                     fill: GRAPHER_DARK_TEXT,