From 8bcc24f0321d21f0018ac37ee4689246cbb909c4 Mon Sep 17 00:00:00 2001 From: Danielle Maywood Date: Thu, 2 Jul 2026 12:47:01 +0100 Subject: [PATCH] fix(site/src/pages/AgentsPage/components/ChatElements): keep model picker visible above mobile keyboard (#26964) --- .../components/ChatElements/ModelSelector.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/site/src/pages/AgentsPage/components/ChatElements/ModelSelector.tsx b/site/src/pages/AgentsPage/components/ChatElements/ModelSelector.tsx index ef1a749c37..bf558251dd 100644 --- a/site/src/pages/AgentsPage/components/ChatElements/ModelSelector.tsx +++ b/site/src/pages/AgentsPage/components/ChatElements/ModelSelector.tsx @@ -136,10 +136,20 @@ export const ModelSelector: FC = ({ align={dropdownAlign} className={cn( enableMobileFullWidthDropdown && - "mobile-full-width-dropdown mobile-full-width-dropdown-bottom", + "mobile-full-width-dropdown mobile-full-width-dropdown-above-composer", "w-72 overflow-hidden border-border-default p-0", contentClassName, )} + onOpenAutoFocus={(event) => { + // On touch devices, auto-focusing the search input pops the + // software keyboard as soon as the picker opens, hiding the + // model list behind it. Only keep the WAI-ARIA combobox + // focus-into-input behavior for fine pointers (keyboard and + // mouse users on desktop). + if (matchMedia("(pointer: coarse)").matches) { + event.preventDefault(); + } + }} >