From 61b49c2dd78ebd14eb1bf9c03375cd5f417f4eb9 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Thu, 22 Oct 2026 14:49:09 -0400
Subject: [PATCH] fix(a11y): focus moves to the other sidebar button when you
 open or close the sidebar (#32893)

---
 src/lib/components/layout/Sidebar.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index e0d84c47ca..8fed03c3e8 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -108,6 +108,8 @@
 	let scrollTop = 0;
 
 	let navElement: HTMLDivElement;
+	let openSidebarButton: HTMLButtonElement;
+	let closeSidebarButton: HTMLButtonElement;
 	let shiftKey = false;
 
 	let selectedChatId = null;
@@ -1075,6 +1077,8 @@
 				class="flex flex-col flex-1 {isWindows ? 'cursor-pointer' : 'cursor-[e-resize]'}"
 				on:click={async () => {
 					showSidebar.set(!$showSidebar);
+					await tick();
+					closeSidebarButton?.focus();
 				}}
 			>
 				<div class="pb-1">
@@ -1083,6 +1087,7 @@
 						placement="right"
 					>
 						<button
+							bind:this={openSidebarButton}
 							class="flex size-8.5 items-center justify-center transition group {isWindows
 								? 'cursor-pointer'
 								: 'cursor-[e-resize]'}"
@@ -1305,11 +1310,14 @@
 						placement="bottom"
 					>
 						<button
+							bind:this={closeSidebarButton}
 							class="flex size-[1.875rem] justify-center items-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-900 transition {isWindows
 								? 'cursor-pointer'
 								: 'cursor-[w-resize]'}"
-							on:click={() => {
+							on:click={async () => {
 								showSidebar.set(!$showSidebar);
+								await tick();
+								openSidebarButton?.focus();
 							}}
 							aria-label={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
 						>