[Popper] Popper resets scroll position when `modifiers` prop is present

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Popper with a Select input inside resets its scroll position when selecting an option from the Select menu, only when the modifiers prop of the Popper component is present.

Expected behavior 🤔

Interacting with a Select options input inside a Popper should not, resets its scroll position even when the modifiers prop is present.

Steps to reproduce 🕹

Codesandbox

https://codesandbox.io/s/material-ui-popper-modifiers-issue-vq51sw?file=/src/Demo.js

Steps:

1. Create a basic Popper without modifiers props, having a Select input inside
2. Make sure the Popper is placed at a scrollable distance to see the bug.
3. Open the Popper and interact with the Select options.
4. After interaction with the Select, the scroll position doesn’t resets.
5. Add the modifiers props. Even empty array should work.
6. After interaction with the Select, the scroll position resets.

Context 🔦

Having form interactions inside Popper isn’t possible with this bug. The modifiers prop is essential for supporting arrow with the Popper.

Your environment 🌎

npx @mui/envinfo

 Chrome
 Version 103.0.5060.114 (Official Build) (x86_64)

[guilhermeabell]

I’m having the same issue with the Table Pagination popover.

[hbjORbj]

I can indeed reproduce the issue.

I will investigate and give you an update.