From 621d16c8bd550fdb3e904419d6df00fdd183d514 Mon Sep 17 00:00:00 2001
From: Rin <shinohara-rin@users.noreply.github.com>
Date: Sat, 14 Mar 2026 03:35:03 +0800
Subject: [PATCH] fix(stage-ui): fix hash scroll on SPA navigation to providers
 page (#1347)

The settings layout uses a scrollable div with overflow-y-auto, not
window. useScrollToHash was scrolling window which had no effect on
SPA navigation. Point it at the actual scroll container instead.

Authored-by-agent: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
 packages/stage-layouts/src/layouts/settings.vue             | 2 +-
 packages/stage-pages/src/pages/settings/providers/index.vue | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/stage-layouts/src/layouts/settings.vue b/packages/stage-layouts/src/layouts/settings.vue
index dc963b473..f49905b63 100644
--- a/packages/stage-layouts/src/layouts/settings.vue
+++ b/packages/stage-layouts/src/layouts/settings.vue
@@ -94,7 +94,7 @@ onMounted(() => updateThemeColor())
         :subtitle="routeHeaderMetadata?.subtitle"
         :disable-back-button="route.path === '/settings'"
       />
-      <div relative min-h-0 flex-1 overflow-y-auto scrollbar-none>
+      <div id="settings-scroll-container" relative min-h-0 flex-1 overflow-y-auto scrollbar-none>
         <RouterView />
       </div>
     </div>
diff --git a/packages/stage-pages/src/pages/settings/providers/index.vue b/packages/stage-pages/src/pages/settings/providers/index.vue
index ddb327e70..3360b7008 100644
--- a/packages/stage-pages/src/pages/settings/providers/index.vue
+++ b/packages/stage-pages/src/pages/settings/providers/index.vue
@@ -62,6 +62,7 @@ useScrollToHash(() => route.hash, {
   behavior: 'smooth', // smooth scroll animation
   maxRetries: 15, // retry if target element isn't ready
   retryDelay: 150, // wait between retries
+  scrollContainer: '#settings-scroll-container',
 })
 </script>