fix(D3 plugin): fix chart reflow (#452)

gravity-ui · Mar 15, 2024 · 601d603 · 601d603
1 parent 1070273
commit 601d603
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/plugins/d3/renderer/D3Widget.tsx b/src/plugins/d3/renderer/D3Widget.tsx
@@ -46,10 +46,10 @@ const D3Widget = React.forwardRef<ChartKitWidgetRef | undefined, ChartKitProps<'
             forwardedRef,
             () => ({
                 reflow() {
-                    handleResize();
+                    debuncedHandleResize();
                 },
             }),
-            [handleResize],
+            [debuncedHandleResize],
         );
 
         React.useEffect(() => {
@@ -66,8 +66,8 @@ const D3Widget = React.forwardRef<ChartKitWidgetRef | undefined, ChartKitProps<'
 
         React.useEffect(() => {
             // dimensions initialize
-            handleResize();
-        }, [handleResize]);
+            debuncedHandleResize();
+        }, [debuncedHandleResize]);
 
         if (validatedData.current !== data) {
             validateData(data);

diff --git a/src/plugins/d3/renderer/components/styles.scss b/src/plugins/d3/renderer/components/styles.scss
@@ -1,3 +1,7 @@
+.chartkit-d3 {
+    position: absolute;
+}
+
 .chartkit-d3-axis {
     & .domain {
         stroke: var(--g-color-line-generic-active);