From 0313909d9332ce0ca583a807a8ba078935ff0752 Mon Sep 17 00:00:00 2001 From: Jason Staack Date: Sat, 21 Mar 2026 13:54:09 -0500 Subject: [PATCH] fix(ui): scroll to top when switching device sidebar tabs Wraps setActiveTab to also scroll #main-content to top. Prevents stale scroll position when navigating from a long tab (e.g. Firewall) to a short one (e.g. SNMP). Co-Authored-By: Claude Opus 4.6 (1M context) --- .../_authenticated/tenants/$tenantId/devices/$deviceId.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx b/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx index 9ba6f11..5e5fda0 100644 --- a/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx +++ b/frontend/src/routes/_authenticated/tenants/$tenantId/devices/$deviceId.tsx @@ -302,7 +302,11 @@ function DeviceDetailPage() { const queryClient = useQueryClient() const { user } = useAuth() const [showCreds, setShowCreds] = useState(false) - const [activeTab, setActiveTab] = useState('overview') + const [activeTab, setActiveTabRaw] = useState('overview') + const setActiveTab = (tab: string) => { + setActiveTabRaw(tab) + document.getElementById('main-content')?.scrollTo(0, 0) + } const [editOpen, setEditOpen] = useState(false) const { mode, toggleMode } = useSimpleConfigMode(deviceId)