fix(ui): handle resizable panels not rendered in DOM

Fixes a bug introduced in a different bug fix in 9c0d357.
invoke-ai · Sep 25, 2024 · 0d96a1b · 0d96a1b
1 parent 841178c
commit 0d96a1b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/invokeai/frontend/web/src/features/ui/hooks/usePanel.ts b/invokeai/frontend/web/src/features/ui/hooks/usePanel.ts
@@ -101,7 +101,7 @@ export const usePanel = (arg: UsePanelOptions): UsePanelReturn => {
         arg.panelGroupDirection
       );
 
-      if (minSizePct > 100) {
+      if (!minSizePct || minSizePct > 100 || !defaultSizePct || defaultSizePct > 100) {
         // This can happen when the panel is hidden
         return;
       }
@@ -244,6 +244,11 @@ const getSizeAsPercentage = (
   let availableSpace =
     panelGroupDirection === 'horizontal' ? panelGroupElement.offsetWidth : panelGroupElement.offsetHeight;
 
+  if (!availableSpace) {
+    // No available space, size is 0
+    return 0;
+  }
+
   // ...minus the width/height of the resize handles
   getResizeHandleElementsForGroup(id).forEach((el) => {
     availableSpace -= panelGroupDirection === 'horizontal' ? el.offsetWidth : el.offsetHeight;