Change default (not-yet-registered) Panel flex-grow style from 0 to 1

bvaughn · Nov 27, 2023 · 9e9dd82 · 9e9dd82
1 parent 16784b4
commit 9e9dd82
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/react-resizable-panels/src/utils/computePanelFlexBoxStyle.ts b/packages/react-resizable-panels/src/utils/computePanelFlexBoxStyle.ts
@@ -22,9 +22,10 @@ export function computePanelFlexBoxStyle({
 
   let flexGrow;
   if (panelData.length === 1) {
-    flexGrow = "100";
+    flexGrow = "1";
   } else if (size == null) {
-    flexGrow = "0";
+    // Initial render (before panels have registered themselves)
+    flexGrow = "1";
   } else {
     flexGrow = size.toPrecision(precision);
   }