[Select] Menu opens above input with lots of options in v5 without a maxHeight

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

No response

Current behavior 😯

See expected behavior first.
in v5 this does not work, and I tried a lot of different props and it does not work. Behavior in v5:

This popover over the input also happens when we have a lot of options that does not fit into screen, it's not just with resizing. I can live without the resizing part, but when I click on the input to open the menu, the popover should open always below the input.

Expected behavior 🤔

In v4 we could use this props in Select to have the menu always below the input:

MenuProps={{
            anchorOrigin: {
              vertical: "bottom",
              horizontal: "left"
            },
            getContentAnchorEl: null
          }}

Context 🔦

I want the same behavior as in v4

Your environment 🌎

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

Start at the Select component and compare the v5 menu-positioning behavior with the v4 MenuProps example in the issue. Reproduce the case with many options or a constrained viewport, then verify that the menu opens below the input without breaking necessary viewport handling.