fix(chart): chart gets cut off on the dashboard (apache#20315)

* fix(chart): chart gets cut off on the dashboard * add some failsafe * address comment (cherry picked from commit 07b4a71)
preset-io · Jun 9, 2022 · 5ecd9fd · 5ecd9fd
1 parent 7341e5c
commit 5ecd9fd
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx b/superset-frontend/src/dashboard/components/gridComponents/Chart.jsx
@@ -223,9 +223,14 @@ export default class Chart extends React.Component {
   }
 
   getHeaderHeight() {
-    return (
-      (this.headerRef && this.headerRef.offsetHeight) || DEFAULT_HEADER_HEIGHT
-    );
+    if (this.headerRef) {
+      const computedStyle = getComputedStyle(this.headerRef).getPropertyValue(
+        'margin-bottom',
+      );
+      const marginBottom = parseInt(computedStyle, 10) || 0;
+      return this.headerRef.offsetHeight + marginBottom;
+    }
+    return DEFAULT_HEADER_HEIGHT;
   }
 
   setDescriptionRef(ref) {