TextField component's with select option and disableScrollLock menu stays fixed when scrolling

[AndriusOL]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/bitter-violet-wpfhc4?file=/src/App.js

Steps:

1. Create TextField in container that can be scrolled
2. Set select property to true
3. Set disableScrollLock to true in MenuProps

Current behavior 😯

When select dropdown menu is open and page is scrolled, TextField moves, but menu popper stays in fixed position

Expected behavior 🤔

Expecting for drop down menu to stay attached to it's anchor element and move together on scroll

Context 🔦

No response

Your environment 🌎

No response

[michaldudak]

Thanks, it looks like a bug. Would you like to contribute to the project by investigating it?

[AndriusOL]

Thanks, it looks like a bug. Would you like to contribute to the project by investigating it?

I am afraid I don't have possibility to look into it anytime soon.

[VishruthR]

I'm open to taking a look at this.

To confirm, the expected behavior is that the dropdown options menu doesn't move on scroll correct?

[AndriusOL]

I'm open to taking a look at this.

To confirm, the expected behavior is that the dropdown options menu doesn't move on scroll correct?

Menu should be attached to input. When it is opened by default it is attached to bottom center of it's anchor element (in this case it is input or input wrapper div, not sure exactly), but when you scroll, input scrolls with the page, but menu stays in fixed position. Expected behavior for menu is to allways stick to anchor element on scroll.

[VishruthR]

I'm open to taking a look at this.
To confirm, the expected behavior is that the dropdown options menu doesn't move on scroll correct?

Menu should be attached to input. When it is opened by default it is attached to bottom center of it's anchor element (in this case it is input or input wrapper div, not sure exactly), but when you scroll, input scrolls with the page, but menu stays in fixed position. Expected behavior for menu is to allways stick to anchor element on scroll.

This makes sense. Let me start looking into this.

[VishruthR]

Similar to #17353

[faillacec]

Hi, this issue was solved ? which version of MUI has the fix ?

[DiegoAndai]

Hi! It was merged a couple of minutes ago 🎉

The fix will come in the next release next week. The latest is 5.14.6, whichever comes after that one.