[Autocomplete] List scrolls to the top when new data is added (only on mobile)

[PiotrJn]

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/embed/mui-autocomplete-bug-bjlczv

Steps:

1. Open browser devtools and set view to mobile
2. Open CodeSandbox
3. Scroll down the autocomplete's options

Current behavior 😯

On mobile list scrolls to the top when new data is added

Expected behavior 🤔

Scroll position should stay the same

Context 🔦

I found an issue that intended to resolve this bug and it did, but only on desktop, mobile is still broken:
#29508

Your environment 🌎

"react": "18.2.0",
"react-dom": "18.2.0",
"react-scripts": "4.0.0",
"@mui/material": "5.11.9",
"@mui/styles": "5.11.9",
"@mui/system": "5.11.9",
"@emotion/react": "11.10.5",
"@emotion/styled": "11.10.5"

[michaldudak]

Thanks, I was able to reproduce it. Would you like to contribute to the project by investigating it?

[PiotrJn]

I looked at it and here's what's going on: current logic checks whether any previous option was highlighted when new options are added - if not, the scroll position is reset. On touch devices options are not highlighted when scrolling, unless you press them - that's the problem.

In this PR there is a discussion about that logic:
#33645

[SaidMarar]

@michaldudak i identified the bug i will make a PR soon 😉

[SaidMarar]

Created a PR check it out guys #36231

@michaldudak @PiotrJn

[PiotrJn]

Thank You for the fix @SaidMarar, as for me, it looks great.