From 709bddf0f099b246f9ec461bdb2108d99150c5ef Mon Sep 17 00:00:00 2001
From: Min Idzelis <min123@gmail.com>
Date: Thu, 24 Apr 2025 02:36:20 +0000
Subject: [PATCH] bad merge and fix tests

---
 .../assets/thumbnail/thumbnail.svelte         | 36 ++++++-------------
 1 file changed, 10 insertions(+), 26 deletions(-)

diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte
index 41b00d0618..5229504edd 100644
--- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte
@@ -134,6 +134,12 @@
 
   let startX: number = 0;
   let startY: number = 0;
+
+  // As of iOS17, there is a preference for long press speed, which is not available for mobile web.
+  // The defaults are as follows:
+  //   fast: 200ms
+  //   default: 500ms
+  //   slow: ??ms
   function longPress(element: HTMLElement, { onLongPress }: { onLongPress: () => void }) {
     let didPress = false;
     const start = (evt: PointerEvent) => {
@@ -216,7 +222,10 @@
 >
   <!-- Outline on focus -->
   <div
-    class={['absolute z-40 size-full outline-4 -outline-offset-4 outline-immich-primary', { 'rounded-xl': selected }]}
+    class={[
+      'pointer-events-none absolute z-40 size-full outline-4 -outline-offset-4 outline-immich-primary',
+      { 'rounded-xl': selected },
+    ]}
     data-outline
   ></div>
   {#if (!loaded || thumbError) && asset.thumbhash}
@@ -229,35 +238,10 @@
     ></canvas>
   {/if}
 
-  <!-- as of iOS17, there is a preference for long press speed, which is not available for mobile web.
-      The defaults are as follows:
-      fast: 200ms
-      default: 500ms
-      slow: ??ms
-      -->
   <div
     class={['group absolute top-[0px] bottom-[0px]', { 'cursor-not-allowed': disabled, 'cursor-pointer': !disabled }]}
     style:width="inherit"
     style:height="inherit"
-    onmouseenter={onMouseEnter}
-    onmouseleave={onMouseLeave}
-    use:longPress={{ onLongPress: () => onSelect?.($state.snapshot(asset)) }}
-    onkeydown={(evt) => {
-      if (evt.key === 'Enter') {
-        callClickHandlers();
-      }
-      if (evt.key === 'x') {
-        onSelect?.(asset);
-      }
-      if (document.activeElement === element && evt.key === 'Escape') {
-        focusNext((element) => element.dataset.thumbnailFocusContainer === undefined, true);
-      }
-    }}
-    onclick={handleClick}
-    bind:this={element}
-    data-thumbnail-focus-container
-    tabindex={0}
-    role="link"
   >
     <!-- Select asset button  -->
     {#if !usingMobileDevice && mouseOver && !disableLinkMouseOver}