From 6d5d16855d6f772ef91169cbf78e723c279d0bdb Mon Sep 17 00:00:00 2001
From: Arne Baeumler <arne@br0tkasten.de>
Date: Sat, 13 Jun 2026 07:40:11 +0200
Subject: [PATCH] fix: stabilize photo list scrolling

---
 src/server/request-handler.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/server/request-handler.ts b/src/server/request-handler.ts
index 169df71..76cbaee 100644
--- a/src/server/request-handler.ts
+++ b/src/server/request-handler.ts
@@ -317,6 +317,7 @@ function htmlPage(): string {
         min-height: 0;
         display: grid;
         grid-template-rows: auto auto minmax(0, 1fr);
+        overflow: hidden;
       }
 
       .card h2 {
@@ -513,11 +514,13 @@ function htmlPage(): string {
       .list {
         display: grid;
         grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
+        grid-auto-rows: minmax(84px, auto);
         gap: 4px;
         align-content: start;
         min-height: 0;
         overflow-y: auto;
         overflow-x: hidden;
+        scrollbar-gutter: stable;
         padding-right: 2px;
       }
 
@@ -922,6 +925,7 @@ function htmlPage(): string {
         .list {
           max-height: min(52vh, 420px);
           grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
+          grid-auto-rows: minmax(72px, auto);
           gap: 4px;
         }