From d016cc57710af67cc8c97770b45bebaf1ba4c87a Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sun, 22 Feb 2026 15:34:06 -0500
Subject: [PATCH] feat: convert admin settings menu tabs to native anchor tags
 for new-tab support (#21721)

* docs: generate PR template for navigation drag glitch fixes

* feat(ui): convert admin settings menu tabs to native anchor tags for new-tab support
---
 src/lib/components/admin/Settings.svelte | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/admin/Settings.svelte b/src/lib/components/admin/Settings.svelte
index b5d1b31cb..f17ea37e4 100644
--- a/src/lib/components/admin/Settings.svelte
+++ b/src/lib/components/admin/Settings.svelte
@@ -321,15 +321,14 @@
 		<!-- {$i18n.t('Pipelines')} -->
 		<!-- {$i18n.t('Database')} -->
 		{#each filteredSettings as tab (tab.id)}
-			<button
+			<a
 				id={tab.id}
-				class="px-0.5 py-1 min-w-fit rounded-lg flex-1 lg:flex-none flex text-right transition {selectedTab ===
+				href={tab.route}
+				draggable="false"
+				class="px-0.5 py-1 min-w-fit rounded-lg flex-1 lg:flex-none flex text-right transition select-none {selectedTab ===
 				tab.id
 					? ''
 					: ' text-gray-300 dark:text-gray-600 hover:text-gray-700 dark:hover:text-white'}"
-				on:click={() => {
-					goto(tab.route);
-				}}
 			>
 				<div class=" self-center mr-2">
 					{#if tab.id === 'general'}
@@ -500,7 +499,7 @@
 					{/if}
 				</div>
 				<div class=" self-center">{$i18n.t(tab.title)}</div>
-			</button>
+			</a>
 		{/each}
 	</div>