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:
@@ -233,8 +233,9 @@ export const CommandAutocomplete = React.forwardRef<CommandAutocompleteHandle, C
|
|||||||
<div
|
<div
|
||||||
ref={containerRef}
|
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"
|
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 ? (
|
{loading ? (
|
||||||
<div className="flex items-center justify-center py-4">
|
<div className="flex items-center justify-center py-4">
|
||||||
<RiRefreshLine className="h-4 w-4 animate-spin text-muted-foreground" />
|
<RiRefreshLine className="h-4 w-4 animate-spin text-muted-foreground" />
|
||||||
|
|||||||
Reference in New Issue
Block a user