[Select] Position issue with a CSS rule `zoom: 0.65`

[balajits73]

Steps to reproduce

Steps:

1. Open this link to live example: [https://mui.com/material-ui/react-select/]
2. open dev tools(elements)
   3.add {zoom:0.65} to body (then you can see dropdown position misalignment)

Current behavior

currently the dropdown is misplaced from the select when add zoom:0.65

Expected behavior

But it should like below if we add zoom:0.65

Context

so the dropdown should be at correct place to the select irrespective if we add zoom or not

Your environment

Tech: Material UI
Version: "^5.11.15"

Tech: React
Version: "^18.2.0"

Browser: Google Chrome

Search keywords: Dropdown

[DiegoAndai]

I can confirm this behavior. It's important to note it only happens with CSS's zoom, not Chrome's Zoom function.

[DiegoAndai]

Oh, this is a duplicate of #33955. Closing as such.