[autocomplete] Popup causes undesirable page scroll on mobile

[borisyordanov]

Steps to reproduce

Steps:

1. Open this link to live example: https://codesandbox.io/p/devbox/dreamy-jerry-x84wzk
2. Click the Filter button to toggle the Drawer
3. Ensure that scrolling on the drawer does not move the document body
4. Click into one of the Autocomplete component
5. Scrolling anywhere on the screen scrolls the entire document

https://github.com/user-attachments/assets/6483dce9-d513-4b52-8d3d-09dba73808df

I first encountered this issue in v5, but am able to reproduce it in v7 as well - https://codesandbox.io/p/sandbox/react-hook-form-mui-5-v7-controller-ts-10d64d

Current behavior

The entire document scrolls.

Expected behavior

Only the drawer/autocomplete should scroll.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: drawer, autocomplete

[UmaMishra]

Hi, can I take this bug?

[mj12albert]

It only seems to only repro on mobile (iOS Safari for me)

@UmaMishra Please go ahead ~ you can use this thread for questions/help

[borisyordanov]

Correct - it only affects mobile. I've reproduced in in Chrome on Android and iOS as well.

[MuKuL-DiXiT]

@borisyordanov is anybody still working on this? can i work on this?