From 1e3652f3b0eaec108bc66e595627b573205b19b9 Mon Sep 17 00:00:00 2001 From: Jose Luis Date: Sat, 21 Mar 2026 03:13:33 +0100 Subject: [PATCH] fix: puzzle sidebar scroll when content overflows Add min-height: 0 to .gm-puzzle-content and .gm-puzzle-sidebar so flexbox allows shrinking below content size, enabling overflow-y scroll. Co-Authored-By: Claude Opus 4.6 --- src/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 7072692..62f18f8 100644 --- a/src/index.css +++ b/src/index.css @@ -414,12 +414,13 @@ html, body, #root { .gm-btn.danger:hover { background: rgba(255,68,102,0.1); } /* Puzzle layout */ -.gm-puzzle-content { flex: 1; display: flex; overflow: hidden; } +.gm-puzzle-content { flex: 1; display: flex; overflow: hidden; min-height: 0; } .gm-puzzle-sidebar { width: 280px; flex-shrink: 0; background: var(--panel); border-right: 1px solid var(--border); overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 12px; + min-height: 0; /* Allow flex item to shrink below content — enables scrolling */ } .gm-puzzle-canvas-wrap {