Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

menuShouldBlockScroll also blocks menu scrolling.

See original GitHub issue

Hi, I’m using menuPortalTarget to render outside of containers with overflow hidden such as table rows. In order for the menu position to be correct I have to set menuPosition to fixed. This works great except when you scroll the page and the menu position is not recalculated. To fix this I then use menuShouldBlockScroll which in combination with the other props achieves the desired result except for the fact that menuShouldBlockScroll also blocks the menu (has max-height with scroll auto) contents from being scrollable.

Would it be possible to prevent scrolling for all elements except for .react-select__menu-list ?

Issue Analytics

State:
Created 4 years ago
Comments:15 (1 by maintainers)

Top GitHub Comments

4reactions

Eddie-CooRocommented, Feb 9, 2021

Ugh… I was following this issue and #4088 for over one-two months already 😅
Didn’t notice a fix has published for it three days ago 😁

For book-keeping purposes, this issue is “solved” in v4 😍 ✌️
Thanks, @Methuselah96 ✌️

4reactions

flexdineshcommented, Mar 31, 2020

Hey @2Steaks thanks for the codesandbox I can see it now. I’ll get to it sometime soon. I’ll update here once we make progress.

Top Results From Across the Web

react-select is blocking scroll when menu is open

after long research, i found a solution put this code in your index.js basically it will turn any scroll and wheel to a...

API - React Select

menuShouldBlockScroll. Whether to block scroll events when the menu is open. boolean ... menuShouldBlockScroll. Whether to block scroll events when the menu ......

FIX: Windows 10/11 Scrolling down on its own. - wintips.org

Also, make sure that dirt is not blocking the mouse scroll wheel. ... To do that: 1. Right-click on the Start menu and...

Automatic scrolling and will not allow drop down menus

My Dell laptop has recently started automatically scrolling to the bottom ... It also will not display any drop down menus within a...

Scrolling Blocks Tutorial | Squarespace 7.1 (Fluid Engine)

Use scrolling blocks to add text that scrolls horizontally across the page, similar to a theater marquee or news ticker.