From 614277eaa104ac6a712fded52c9af1178759479b Mon Sep 17 00:00:00 2001
From: Nelson Pires <nelsonpires.sn@gmail.com>
Date: Fri, 23 Jan 2026 14:42:16 -0300
Subject: [PATCH] Fix mobile scrolling for CommandAutocomplete dropdown (#203)

* feat(chat): enable pan-y touch scrolling in CommandAutocomplete

* fix: enable touch scrolling on overlay scrollbar

* chore(ui): remove touch-action and -webkit-overflow-scrolling
---
 packages/ui/src/components/chat/CommandAutocomplete.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/chat/CommandAutocomplete.tsx b/packages/ui/src/components/chat/CommandAutocomplete.tsx
index 3fce50f9..c1ea97f2 100644
--- a/packages/ui/src/components/chat/CommandAutocomplete.tsx
+++ b/packages/ui/src/components/chat/CommandAutocomplete.tsx
@@ -233,8 +233,9 @@ export const CommandAutocomplete = React.forwardRef<CommandAutocompleteHandle, C
     <div
       ref={containerRef}
       className="absolute z-[100] min-w-0 w-full max-w-[450px] max-h-64 bg-background border border-border rounded-xl shadow-none bottom-full mb-2 left-0 flex flex-col"
+      style={{ touchAction: 'pan-y' }}
     >
-      <ScrollableOverlay outerClassName="flex-1 min-h-0" className="px-0 pb-2" fillContainer={false}>
+      <ScrollableOverlay outerClassName="flex-1 min-h-0" className="px-0 pb-2">
         {loading ? (
           <div className="flex items-center justify-center py-4">
             <RiRefreshLine className="h-4 w-4 animate-spin text-muted-foreground" />