From 03cf7c33ed168cfc61897d4abac1cb40af046f3e Mon Sep 17 00:00:00 2001
From: joperafe <joaoderreira.miecom@gmail.com>
Date: Fri, 31 Jul 2026 18:54:28 +0100
Subject: [PATCH 1/2] fix: prevent logo from being draggable in navigation bar

---
 .../shared-components/navigation-bar/NavigationBar.svelte  | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
index ac7c30d2cc..f4fe7fe825 100644
--- a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
@@ -76,7 +76,12 @@
         }}
         class="sidebar:hidden"
       />
-      <a data-sveltekit-preload-data="hover" href={Route.photos()}>
+      <a
+        data-sveltekit-preload-data="hover"
+        href={Route.photos()}
+        draggable="false"
+        ondragstart={(event) => event.preventDefault()}
+      >
         <Logo variant={mediaQueryManager.isFullSidebar ? 'inline' : 'icon'} class="max-md:h-12" />
       </a>
     </div>

From 32cff0d769c646b7ddb02dcf817d3b3ad24a5627 Mon Sep 17 00:00:00 2001
From: joperafe <joaoderreira.miecom@gmail.com>
Date: Tue, 4 Aug 2026 07:56:58 +0100
Subject: [PATCH 2/2] fix: disable drag on logo image element directly

---
 .../navigation-bar/NavigationBar.svelte         | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
index f4fe7fe825..5c93a2c716 100644
--- a/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
+++ b/web/src/lib/components/shared-components/navigation-bar/NavigationBar.svelte
@@ -45,6 +45,10 @@
   });
 
   const { Cast } = $derived(getGlobalActions($t));
+
+  const preventLogoDrag = (node: HTMLElement) => {
+    node.querySelector('img')?.setAttribute('draggable', 'false');
+  };
 </script>
 
 <svelte:window bind:innerWidth />
@@ -80,7 +84,8 @@
         data-sveltekit-preload-data="hover"
         href={Route.photos()}
         draggable="false"
-        ondragstart={(event) => event.preventDefault()}
+        class="logo-link"
+        use:preventLogoDrag
       >
         <Logo variant={mediaQueryManager.isFullSidebar ? 'inline' : 'icon'} class="max-md:h-12" />
       </a>
@@ -190,3 +195,13 @@
     </div>
   </div>
 </nav>
+
+<style>
+  .logo-link,
+  .logo-link :global(img) {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+  }
+</style>