Menu does not follow component when scrolling
See original GitHub issueHey 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 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...
Read more >Scrolling | Angular Material
The scrolling package provides helpers for directives that react to scroll events. link cdkScrollable and ScrollDispatcher. The cdkScrollable directive and ...
Read more >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...
Read more >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...
Read more >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...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@benkindt
menuShouldBlockScroll={true}
also blocks scrolling within the menu 😦A workaround for this is to block scrolling with
menuShouldBlockScroll={true}