diff --git a/src/plugins/d3/renderer/D3Widget.tsx b/src/plugins/d3/renderer/D3Widget.tsx index 820eafe7..0133ebe1 100644 --- a/src/plugins/d3/renderer/D3Widget.tsx +++ b/src/plugins/d3/renderer/D3Widget.tsx @@ -46,10 +46,10 @@ const D3Widget = React.forwardRef ({ reflow() { - handleResize(); + debuncedHandleResize(); }, }), - [handleResize], + [debuncedHandleResize], ); React.useEffect(() => { @@ -66,8 +66,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 7dd2b603..670875ab 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);