shadcn-multi-select-component
shadcn-multi-select-component copied to clipboard
[Bug]: Scrolling does not work
If list is large, the scrolling does not work. I have to use scrollbar to scroll, natural scrolling with touchpad dont work
<MultiSelect
modalPopover
options={new Array(100).fill(1).map((_, i) => ({
label: i.toString(),
value: i.toString(),
}))}
onValueChange={console.log}
/>
This multiselect is inside Sheet component
@gs03-dev - the gist is private, you need to make it public
i had to add stoppropagation to the Popover component inside popover.tsx
<PopoverPrimitive.Content
// NOTE: I had to add this, otherwise the scrolling wouldnt work:
// https://github.com/shadcn-ui/ui/issues/607
onWheel={(e) => e.stopPropagation()}
@cliffordfajardo - I updated the link. I will look more on your implementation