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:closed
  • Created 4 years ago
  • Comments:15 (1 by maintainers)

github_iconTop GitHub Comments

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 ✌️

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.

Read more comments on GitHub >

github_iconTop 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...
Read more >
API - React Select
menuShouldBlockScroll. Whether to block scroll events when the menu is open. boolean ... menuShouldBlockScroll. Whether to block scroll events when the menu ......
Read more >
FIX: Windows 10/11 Scrolling down on its own. -
Also, make sure that dirt is not blocking the mouse scroll wheel. ... To do that: 1. Right-click on the Start menu and...
Read more >
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...
Read more >
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.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found