From c56f477a0fbfd8c9ac6272ee4ec431a292746cee Mon Sep 17 00:00:00 2001
From: Spencer Stingley <spencerstingley6@gmail.com>
Date: Fri, 12 Jun 2026 04:50:10 -0500
Subject: [PATCH] fix: Improving scroll behavior on image stacks that overflow
 the screen (#28885)

Co-authored-by: Spencer Stingley <accounts@blankcanvas.io>
Co-authored-by: Mees Frensel <33722705+meesfrensel@users.noreply.github.com>
---
 web/src/lib/components/asset-viewer/AssetViewer.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/asset-viewer/AssetViewer.svelte b/web/src/lib/components/asset-viewer/AssetViewer.svelte
index f12caa8c79..394c0b1d2a 100644
--- a/web/src/lib/components/asset-viewer/AssetViewer.svelte
+++ b/web/src/lib/components/asset-viewer/AssetViewer.svelte
@@ -628,11 +628,11 @@
 
   {#if stack && withStacked && !assetViewerManager.isShowEditor}
     {@const stackedAssets = stack.assets}
-    <div id="stack-slideshow" class="pointer-events-none absolute bottom-0 col-span-4 col-start-1 w-full">
+    <div id="stack-slideshow" class="absolute bottom-0 col-span-4 col-start-1 w-fit max-w-full">
       <div class="no-wrap horizontal-scrollbar relative flex flex-row overflow-x-auto overflow-y-hidden">
         {#each stackedAssets as stackedAsset (stackedAsset.id)}
           <div
-            class={['pointer-events-auto relative inline-block px-1 pb-2 transition-all']}
+            class={['relative inline-block px-1 pb-2 transition-all']}
             style:bottom={stackedAsset.id === asset.id ? '0' : '-10px'}
           >
             <Thumbnail