From 0533073e1d760939ed10e103e81b81840b6646b2 Mon Sep 17 00:00:00 2001
From: mathuo <matthewoconnor@hotmail.co.uk>
Date: Mon, 29 Mar 2021 20:44:03 +0100
Subject: [PATCH] feat: init react views with container size

---
 packages/dockview/src/react/dockview/dockview.tsx   | 3 +++
 packages/dockview/src/react/gridview/gridview.tsx   | 3 +++
 packages/dockview/src/react/paneview/paneview.tsx   | 3 +++
 packages/dockview/src/react/splitview/splitview.tsx | 3 +++
 4 files changed, 12 insertions(+)

diff --git a/packages/dockview/src/react/dockview/dockview.tsx b/packages/dockview/src/react/dockview/dockview.tsx
index 7fa1a677b..ee5959b19 100644
--- a/packages/dockview/src/react/dockview/dockview.tsx
+++ b/packages/dockview/src/react/dockview/dockview.tsx
@@ -137,6 +137,9 @@ export const DockviewReact = React.forwardRef(
             domRef.current?.appendChild(dockview.element);
             dockview.deserializer = new ReactPanelDeserialzier(dockview);
 
+            const { clientWidth, clientHeight } = domRef.current!;
+            dockview.layout(clientWidth, clientHeight);
+
             if (props.onReady) {
                 props.onReady({ api: new DockviewApi(dockview) });
             }
diff --git a/packages/dockview/src/react/gridview/gridview.tsx b/packages/dockview/src/react/gridview/gridview.tsx
index e21083e22..59cb86df4 100644
--- a/packages/dockview/src/react/gridview/gridview.tsx
+++ b/packages/dockview/src/react/gridview/gridview.tsx
@@ -82,6 +82,9 @@ export const GridviewReact = React.forwardRef(
 
             domRef.current?.appendChild(gridview.element);
 
+            const { clientWidth, clientHeight } = domRef.current!;
+            gridview.layout(clientWidth, clientHeight);
+
             if (props.onReady) {
                 props.onReady({ api: new GridviewApi(gridview) });
             }
diff --git a/packages/dockview/src/react/paneview/paneview.tsx b/packages/dockview/src/react/paneview/paneview.tsx
index cdafd8cb2..192793759 100644
--- a/packages/dockview/src/react/paneview/paneview.tsx
+++ b/packages/dockview/src/react/paneview/paneview.tsx
@@ -79,6 +79,9 @@ export const PaneviewReact = React.forwardRef(
                 },
             });
 
+            const { clientWidth, clientHeight } = domRef.current!;
+            paneview.layout(clientWidth, clientHeight);
+
             if (props.onReady) {
                 props.onReady({ api: new PaneviewApi(paneview) });
             }
diff --git a/packages/dockview/src/react/splitview/splitview.tsx b/packages/dockview/src/react/splitview/splitview.tsx
index ad9b6d4c2..bbd3f1c46 100644
--- a/packages/dockview/src/react/splitview/splitview.tsx
+++ b/packages/dockview/src/react/splitview/splitview.tsx
@@ -77,6 +77,9 @@ export const SplitviewReact = React.forwardRef(
                     : undefined,
             });
 
+            const { clientWidth, clientHeight } = domRef.current!;
+            splitview.layout(clientWidth, clientHeight);
+
             if (props.onReady) {
                 props.onReady({ api: new SplitviewApi(splitview) });
             }