From 22058e9016740884ff140965a940ad5dd2b44b95 Mon Sep 17 00:00:00 2001 From: Eric Tuvesson Date: Thu, 27 Jun 2024 21:16:50 +0200 Subject: [PATCH] fix(runtime): Column node added a div with empty Repeater (#45) When the Column node only had an empty Repeater child, there was an empty HTML element. --- .../src/components/visual/Columns/Columns.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) 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 3ac6235..5a1429f 100644 --- a/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx +++ b/packages/noodl-viewer-react/src/components/visual/Columns/Columns.tsx @@ -115,7 +115,10 @@ export function Columns(props: ColumnsProps) { // ForEachCompoent breaks the layout but is needed to send onMount/onUnmount if (!Array.isArray(props.children)) { - children = [props.children]; + // @ts-expect-error props.children.type is any + if (props.children.type !== ForEachComponent) { + children = [props.children] + } } else { children = props.children.filter((child) => child.type !== ForEachComponent); forEachComponent = props.children.find((child) => child.type === ForEachComponent);