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
This commit is contained in:
Nelson Pires
2026-01-23 19:42:16 +02:00
committed by GitHub
parent 463e9ec4e3
commit 614277eaa1
@@ -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" />