From 229107aa059fc6ba792ca78afc8983aa41fc2120 Mon Sep 17 00:00:00 2001
From: Tsuyoshi HARA <chloe463+git@gmail.com>
Date: Sun, 8 Feb 2026 17:26:51 +0900
Subject: [PATCH] fix: hide resize handles on size-locked panels

Resize handles were being rendered in the DOM even when lockSize
was true. They appeared visually on hover despite having no event
handlers. Now conditionally renders handles only when resizeHandleProps
is defined, properly hiding them for size-locked panels.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 src/PanelGridRenderer.tsx | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/PanelGridRenderer.tsx b/src/PanelGridRenderer.tsx
index 722524d..59556bc 100644
--- a/src/PanelGridRenderer.tsx
+++ b/src/PanelGridRenderer.tsx
@@ -73,16 +73,17 @@ export function PanelGridRenderer({ children: ItemComponent }: PanelGridRenderer
             data-pg-h={h}
           >
             <ItemComponent id={key} />
-            {resizeHandlePositions.map((pos) => {
-              return (
-                <span
-                  key={pos}
-                  className={`panelgrid-resize-handle panelgrid-resize-handle--${pos}`}
-                  {...resizeHandleProps}
-                  data-pg-resize-handle={pos}
-                />
-              );
-            })}
+            {resizeHandleProps &&
+              resizeHandlePositions.map((pos) => {
+                return (
+                  <span
+                    key={pos}
+                    className={`panelgrid-resize-handle panelgrid-resize-handle--${pos}`}
+                    {...resizeHandleProps}
+                    data-pg-resize-handle={pos}
+                  />
+                );
+              })}
           </div>
         );
       })}