grain.social is a photo sharing platform built on atproto.
grain.social
atproto
photography
appview
fix: prevent tall photos from hijacking feed scroll in carousel
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+2
-1
+2
-1
app/lib/components/molecules/GalleryCard.svelte
+2
-1
app/lib/components/molecules/GalleryCard.svelte
···
198
198
{#each photos as photo, i}
199
199
<div class="slide" class:centered={hasPortrait}>
200
200
<div class="grain-image">
201
-
<svg class="spacer" viewBox="0 0 1 {1 / photoRatio(photo)}"></svg>
201
+
<svg class="spacer" viewBox="0 0 1 {1 / Math.max(photoRatio(photo), hasPortrait ? minRatio : photoRatio(photo))}"></svg>
202
202
<img
203
203
src={Math.abs(i - currentIndex) <= 1 ? (isDesktop ? photo.fullsize : photo.thumb) : ''}
204
204
alt={photo.alt ?? ''}
···
390
390
.carousel {
391
391
display: flex;
392
392
overflow-x: auto;
393
+
overflow-y: hidden;
393
394
scroll-snap-type: x mandatory;
394
395
scrollbar-width: none;
395
396
-ms-overflow-style: none;