fix(web): layout shifting when scrolling up (immich-app#14226)

* fix(web): layout shifting when scrolling up * feedback
yosit · Nov 21, 2024 · 542531a · 542531a
1 parent 74e6055
commit 542531a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -857,7 +857,7 @@
       {@const isPremeasure = preMeasure.includes(bucket)}
       {@const display = bucket.intersecting || bucket === $assetStore.pendingScrollBucket || isPremeasure}
       <div
-        id="bucket"
+        class="bucket"
         use:intersectionObserver={{
           key: bucket.viewId,
           onIntersect: () => handleIntersect(bucket),
@@ -931,4 +931,9 @@
     contain: strict;
     scrollbar-width: none;
   }
+
+  .bucket {
+    contain: layout size;
+    transition: height 0.2s ease-out;
+  }
 </style>