diff --git a/packages/circle-packing/src/CirclePackingHtml.tsx b/packages/circle-packing/src/CirclePackingHtml.tsx index 938ad8a7ba..24d2fc9f8d 100644 --- a/packages/circle-packing/src/CirclePackingHtml.tsx +++ b/packages/circle-packing/src/CirclePackingHtml.tsx @@ -78,7 +78,6 @@ export const InnerCirclePackingHtml = ({ if (layers.includes('circles')) { layerById.circles = ( - key="circles" nodes={zoomedNodes} isInteractive={isInteractive} onMouseEnter={onMouseEnter} @@ -114,23 +113,30 @@ export const InnerCirclePackingHtml = ({ role={role} style={{ position: 'relative', + overflow: 'hidden', width: outerWidth, height: outerHeight, - marginTop: margin.top, - marginLeft: margin.left, }} > - {layers.map((layer, i) => { - if (layerById[layer as CirclePackingLayerId] !== undefined) { - return layerById[layer as CirclePackingLayerId] - } +
+ {layers.map((layer, i) => { + if (layerById[layer as CirclePackingLayerId] !== undefined) { + return layerById[layer as CirclePackingLayerId] + } - if (typeof layer === 'function') { - return {createElement(layer, layerContext)} - } + if (typeof layer === 'function') { + return {createElement(layer, layerContext)} + } - return null - })} + return null + })} +
) }