Fix flexible chart during initial load (#1468)

* add flex chart to show case * fix flexible width chart * add space
uber · Jan 7, 2023 · 6c17826 · 6c17826
1 parent 1d4b74a
commit 6c17826
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/react-vis/src/make-vis-flexible.js b/packages/react-vis/src/make-vis-flexible.js
@@ -121,6 +121,8 @@ function makeFlexible(Component, isWidthFlexible, isHeightFlexible) {
         }));
       }
 
+      _onResize();
+
       const cancelSubscription = subscribeToDebouncedResize(_onResize);
 
       return () => {

diff --git a/packages/showcase/showcase-sections/misc-showcase.js b/packages/showcase/showcase-sections/misc-showcase.js
@@ -15,7 +15,8 @@ const {
   SelectionPlotExample,
   DragableChartExample,
   BidirectionDragChart,
-  ClipExample
+  ClipExample,
+  FlexibleCharts
 } = showCase;
 
 const MISC = [
@@ -96,6 +97,11 @@ const MISC = [
     name: '2d Dragable Chart',
     component: BidirectionDragChart,
     componentName: 'BidirectionDragChart'
+  },
+  {
+    name: 'Flexible Chart',
+    component: FlexibleCharts,
+    componentName: 'FlexibleCharts'
   }
 ];
-Original file line number
+Diff line change
@@ Expand Up @@
             }));
           }
+          _onResize();
           const cancelSubscription = subscribeToDebouncedResize(_onResize);
           return () => {
@@ Expand Down @@