diff --git a/src/plugins/d3/renderer/D3Widget.tsx b/src/plugins/d3/renderer/D3Widget.tsx index 12a67862..653377ed 100644 --- a/src/plugins/d3/renderer/D3Widget.tsx +++ b/src/plugins/d3/renderer/D3Widget.tsx @@ -44,10 +44,10 @@ const D3Widget = React.forwardRef ({ reflow() { - handleResize(); + debuncedHandleResize(); }, }), - [handleResize], + [debuncedHandleResize], ); React.useEffect(() => { @@ -64,8 +64,8 @@ const D3Widget = React.forwardRef { // 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 index f5db12f2..b9e708ad 100644 --- 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);