[material-ui][Menu] disableScrollLock
doesn't work for Select when wrapper's overflow hidden
#42323
Labels
component: menu
This is the name of the generic UI component, not the React module!
component: select
This is the name of the generic UI component, not the React module!
package: material-ui
Specific to @mui/material
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
Steps to reproduce
Link to live example: Sandbox example (Just click on the Select component)
Steps:
overflow = hidden
create a Select using Select and MenuItem componentsscrollIntoView
on focusdisableScrollLock
should stop itCurrent behavior
The MenuItems get away from the select
I use overflow=hidden for the main parent component of my app, so there's nothing I can easily change
Expected behaviour
When
disableScrollLock
istrue
, MenuItems should always stick to the Select component, regardless of the style and properties of the parent components.Context
No response
Your environment
I use Chrome Version 124, but same behaviour with Firefox and Safari
npx @mui/envinfo
Search keywords: disableScrollLock
The text was updated successfully, but these errors were encountered: