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.

Menu does not follow component when scrolling

See original GitHub issue

Hey guys. I found the issue when I’m adding these 2 props: menuPosition="fixed" portalPlacement="auto"

Then I open the menu and start scrolling the main scroll (not the menu scroll). The menu stays in the same place. Ex.: https://codesandbox.io/s/react-codesandboxer-example-39q8c

I expect the menu to follow the main component.

PS. I’m using this Sekect in material-ui Dialog with long item list, that’s why I need menuPosition=“fixed” prop.

Issue Analytics

State:
Created 4 years ago
Reactions:5
Comments:16 (1 by maintainers)

Top GitHub Comments

7reactions

ranihorevcommented, Apr 6, 2020

@benkindt menuShouldBlockScroll={true} also blocks scrolling within the menu 😦

2reactions

benkindtcommented, Nov 12, 2019

A workaround for this is to block scrolling with menuShouldBlockScroll={true}

Top Results From Across the Web

react - select causing page to scroll down - Stack Overflow

This problem is caused by the default value of the menuPosition prop being absolute . On a long dropdown list, the dropdown area...

Scrolling | Angular Material

The scrolling package provides helpers for directives that react to scroll events. link cdkScrollable and ScrollDispatcher. The cdkScrollable directive and ...

How to Use Scroll Panes - Oracle Help Center

A JScrollPane provides a scrollable view of a component. ... The program doesn't invoke any methods on the JScrollPane object, since the scroll...

Mobile Menu Scroll Issue (main site is scrolling behind it)

We'd need the site to not scroll while the mobile menus are open. The same happens for the right (blue) menu. I am...

CSS Drop Down Menu hidden behind horizontal scrollbar

That won't work I'm afraid as the scrollbar is only the mechanism that allows you to scroll. It's the overflow:auto that stops the...