From 759c8a0030c44af5e2c75ca036203df2f95b762f Mon Sep 17 00:00:00 2001
From: Eric Tuvesson <eric.tuvesson@gmail.com>
Date: Wed, 24 Jul 2024 15:59:10 +0200
Subject: [PATCH] fix(runtime): Column node, hide children on calculation (#59)

This removes the initial visible layout shift
---
 .../noodl-viewer-react/src/components/visual/Columns/Columns.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx b/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
index 0a1d620..a81c305 100644
--- a/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
+++ b/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx
@@ -132,6 +132,7 @@ export function Columns(props: ColumnsProps) {
       className={['columns-container', props.className].join(' ')}
       ref={containerRef}
       style={{
+        visibility: containerWidth === null ? "hidden" : "visible",
         marginTop: parseFloat(props.marginY) * -1,
         marginLeft: parseFloat(props.marginX) * -1,
         display: 'flex',