Material-ui: Material-UI: The popover component is too tall. Error when using Menu component

[WalidKurchied]

I have a Menu component with MenuItems on desktop it takes certain width and height but on mobile i set the height and width to 100% to cover the entire screen and it throws this warning:

Material-UI: The popover component is too tall.
Some part of it can not be seen on the screen (16px).
Please consider adding a max-height to improve the user-experience
I have searched for this issue on stack overflow and on the issues section of this repository but I couldn't find a solution for it.

I understand its not a great practice to cover the entire page with the menu but the use case I'm working on requires that.

Any help would be appreciated.

Thank you.

[oliviertassinari]

Please provide a minimal reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template _may_ be a good starting point. Thank you!

[WalidKurchied]

@oliviertassinari Thanks for sharing the template with me. I have implemented a simple example here https://codesandbox.io/s/adoring-swirles-hiobi?file=/src/App.js to see the issue please open the console on codesandbox and you'll notice the warning message

[oliviertassinari]

Set marginThreshold={0}

[WalidKurchied]

@oliviertassinari thank you very much that solved the issue.