React-select: onWheel not working with custom scrolling library

Created on 23 Apr 2020  路  4Comments  路  Source: JedWatson/react-select

Hello. I have updated my react-select v2.4.4 to v3.1.0 and now i get that MenuList component with custom scrolling library (react-custom-scrollbars v4.2.1) stopped working with mouse wheel. If i try to click / hold scroll, is working. I've downgrade to 2.4.4 for get working again.

You can check it in:
https://codesandbox.io/s/react-select-bug-nez1s

I dont know if it's a bug or any option i need to enable.

Thanks in advance.

issubug-unconfirmed issureviewed
Source
picture samyan
👍2

Most helpful comment

The Select component is capturing scrolling in the dropdown by default so they can handle the appropriate events for the props onMenuScrollToTop, onMenuScrollToBottom.

You can disable this behaviour by using the captureMenuScroll prop by setting its value to false. BE AWARE that this will disable the functionality of the above mentioned props.

<Select captureMenuScroll={false} {...} />
picture Rall3n on 3 Jul 2020
🎉2 👍2

All 4 comments

Complete silence from devs?

samyan picture samyan on 5 May 2020

I have the same issue.

kyparyt picture kyparyt on 15 Jun 2020

I have the same issue, I'm using react-custom-scrollbars

dbalas picture dbalas on 3 Jul 2020

The Select component is capturing scrolling in the dropdown by default so they can handle the appropriate events for the props onMenuScrollToTop, onMenuScrollToBottom.

You can disable this behaviour by using the captureMenuScroll prop by setting its value to false. BE AWARE that this will disable the functionality of the above mentioned props.

<Select captureMenuScroll={false} {...} />
Rall3n picture Rall3n on 3 Jul 2020
🎉2 👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Meesam picture Meesam  路  3Comments
mbonaci picture mbonaci  路  3Comments
batusai513 picture batusai513  路  3Comments
pablote picture pablote  路  3Comments
juliensnz picture juliensnz  路  3Comments