From 8516a24f409978a7765cda009f66336d9b7f3714 Mon Sep 17 00:00:00 2001
From: Min Idzelis <min123@gmail.com>
Date: Sun, 4 May 2025 23:40:38 +0000
Subject: [PATCH] inert

---
 web/src/lib/components/photos-page/asset-grid.svelte           | 3 ++-
 .../shared-components/gallery-viewer/gallery-viewer.svelte     | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index cb1d66ef94..dbe16afac9 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -694,7 +694,7 @@
   <ShowShortcuts onClose={() => (showShortcuts = !showShortcuts)} />
 {/if}
 
-{#if assetStore.buckets.length > 0}
+{#if assetStore.buckets.length > 0 && !$showAssetViewer}
   <Scrubber
     {assetStore}
     height={assetStore.viewportHeight}
@@ -734,6 +734,7 @@
   bind:clientWidth={null, (v) => ((assetStore.viewportWidth = v), updateSlidingWindow())}
   bind:this={element}
   onscroll={() => (handleTimelineScroll(), updateSlidingWindow(), updateIsScrolling())}
+  inert={$showAssetViewer}
 >
   <section
     bind:this={timelineElement}
diff --git a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
index 2c339c6d07..ff858e3cf1 100644
--- a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
+++ b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
@@ -447,6 +447,7 @@
     style:position="relative"
     style:height={assetLayouts.containerHeight + 'px'}
     style:width={assetLayouts.containerWidth - 1 + 'px'}
+    inert={$isViewerOpen}
   >
     {#each assetLayouts.assetLayout as layout, index (layout.asset.id + '-' + index)}
       {@const asset = layout.asset}