self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-21 18:16:55 +02:00
Code Issues Releases Activity

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

Browse Source 
* fix(web): layout shifting when scrolling up

* feedback
This commit is contained in:
Alex 2024-11-19 11:30:07 -06:00 committed by GitHub
parent 1737013e66
commit b66c53bef3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/lib/components/photos-page/asset-grid.svelte
View File

@ -857,7 +857,7 @@
{@const isPremeasure = preMeasure.includes(bucket)} {@const isPremeasure = preMeasure.includes(bucket)}
{@const display = bucket.intersecting || bucket === $assetStore.pendingScrollBucket || isPremeasure} {@const display = bucket.intersecting || bucket === $assetStore.pendingScrollBucket || isPremeasure}
<div <div
id="bucket" class="bucket"
use:intersectionObserver={{ use:intersectionObserver={{
key: bucket.viewId, key: bucket.viewId,
onIntersect: () => handleIntersect(bucket), onIntersect: () => handleIntersect(bucket),
@ -931,4 +931,9 @@
contain: strict; contain: strict;
scrollbar-width: none; scrollbar-width: none;
} }
.bucket {
contain: layout size;
transition: height 0.2s ease-out;
}
</style> </style>