closeMenuOnScroll not working

[santialbo]

closeMenuOnScroll seems to not be working Reproduction: https://codesandbox.io/s/codesandboxer-example-forked-wppm3h?file=/example.tsx

Debugging the code I see the following check is being done https://github.com/JedWatson/react-select/blob/a465818786afd4857c9155bef1e9aa2fe3356097/packages/react-select/src/Select.tsx#L1281

which is not passed when scrolling as document is not an HTMLElement.

[levipadre]

Same problem here

[elsheraey]

It's a callback, please try closeMenuOnScroll={() => true}

[therealtgd]

Then it closes the menu even if the user scrolls inside of it.

[ashahin101]

@therealtgd > Then it closes the menu even if the user scrolls inside of it.

Even if you just pass "closeMenuOnScroll" as a prop (which is technically equal to true) as react-select docs suggests; still it doesn't work.

[ashahin101]

this work fine for me

const handleCloseMenuOnScroll = e => !e.target.className?.includes("MenuList")? true : false
return (
    <Select
        closeMenuOnScroll={handleCloseMenuOnScroll}
        {...props}
    />
 )