[Select] menu props not working on bottom positioned element

[aleksander351]

• [x ] The issue is present in the latest release.
• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

We are setting the position of the menu popup below the select element with the following code. But this is not working if the element is positioned at the bottom of the page.
`

        <Select
           MenuProps={{
                anchorOrigin: {
                    vertical: 'bottom',
                    horizontal: 'left',
                },
                transformOrigin: {
                    vertical: 'top',
                    horizontal: 'left',
                },
                getContentAnchorEl: null,
            }}
            ...

`

Expected Behavior 🤔

Steps to Reproduce 🕹

Steps:

Context 🔦

Your Environment 🌎

`npx @material-ui/envinfo`

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

[oliviertassinari]

I would propose the same solution as #23919 (comment)

[aleksander351]

First of all, I would close this Issue only if the specific problem is solved and not some similar issue on mobile devices. And I would definitely not close this issue, if the other issue is not resolved yet.

No matter what the material design spec says about select menu positioning, a select component should at least have the option to mimic a browsers native select functionality. Which is for bottom positioned select elements like the image below:

[aleksander351]

Autocomplete component doesn't have this problem.

[Lucas-Henrique-Lopes-Costa]

did you manage to solve?