[Popover] Fix max height issue in some mobile browsers

[gaborcs]

Viewport height is taller than the visible part of the document in some mobile browsers.
https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in-some-mobile-browsers.html

Before:

After:

[oliviertassinari]

@gaborcs This change looks good to me. I have been wondering about it too in the past. Shouldn't we update this line too?
https://github.com/mui-org/material-ui/blob/911b0fc2d71aa5d44426c2def0d71cac49559864/packages/material-ui/src/Menu/Menu.js#L26

Unless this CSS can simply be hosted by the Popover instead of the Menu?

[gaborcs]

Shouldn't we update this line too?

I guess we should.

Unless this CSS can simply be hosted by the Popover instead of the Menu?

Do you mean popovers should have a max height of calc(100% - 96px) by default? The reasoning for being able to dismiss menus sounds applicable to other popovers as well, so I'd support that change.

[oliviertassinari]

@gaborcs Thanks