[material-ui][Select] Page moves the viewing focus when clicking a Selector component while zoomed in

[Faku-dl]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://drive.google.com/file/d/1mKCoMhCuWDhWUiwN9FD7jOFpgzdSAeIN/view?usp=share_link

Steps:

1. Go to the Select page of MUI
2. Zoom-in with the Windows feature (pinch-in on the track pad) to the selector component
3. Click the Selector to open the drop-down
4. The focus goes to the top left side of the page. the selector remains open

Current behavior 😯

When clicking the selector component having zoomed in with the Windows/iOS pinch-in function the focus of the screen is moved to the top left part of the site.

Expected behavior 🤔

The focus of the screen shouldn't be lost and in should be maintained where it was

Context 🔦

It's impossible to interact with a page that has selectors on it while zoomed in.

This happened to me on Edge/Chrome browsers, but not in Firefox browser.
This happened to me also with the iOS zoom feature, not only with Windows

Your environment 🌎

MUI React selector component page
https://mui.com/material-ui/react-select/

[ZeeshanTamboli]

I think it is related to #17636. The Select component uses Popover for the Menu list.