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

* fix(web): layout shifting when scrolling up * feedback
2024-11-19 11:30:07 +07:00 · 2024-11-19 11:30:07 +07:00 · b66c53bef3
parent 1737013e66
commit b66c53bef3
1 changed files with 6 additions and 1 deletions
--- 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>