From dc582d33651d690de62b11a8cd04bd3ce98ca1f8 Mon Sep 17 00:00:00 2001 From: Eric NGUYEN Date: Tue, 16 Aug 2022 14:54:53 +0200 Subject: [PATCH] Fix ChildrenDimension not using x --- src/Components/SVG/Elements/Container.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/Components/SVG/Elements/Container.tsx b/src/Components/SVG/Elements/Container.tsx index 3fea3a4..80ae56c 100644 --- a/src/Components/SVG/Elements/Container.tsx +++ b/src/Components/SVG/Elements/Container.tsx @@ -50,7 +50,7 @@ export const Container: React.FC = (props: IContainerProps) => const text = (props.model.properties.width ?? 0).toString(); let dimensionChildren: JSX.Element | null = null; - if (props.model.children.length > 0) { + if (props.model.children.length > 1) { const { childrenId, xChildrenStart, @@ -108,14 +108,16 @@ function GetChildrenDimensionProps(props: IContainerProps, dimensionMargin: numb const lastChild = props.model.children[props.model.children.length - 1]; let xChildrenStart = lastChild.properties.x; - let xChildrenEnd = lastChild.properties.x + lastChild.properties.width; + let xChildrenEnd = lastChild.properties.x; + + // Find the min and max for (let i = props.model.children.length - 2; i >= 0; i--) { const child = props.model.children[i]; const left = child.properties.x; if (left < xChildrenStart) { xChildrenStart = left; } - const right = child.properties.x + child.properties.width; + const right = child.properties.x; if (right > xChildrenEnd) { xChildrenEnd = right; }