javascript - react Material 用户界面 : How to prevent the Popover component overlay the screen when Menu component opens?

Question

我正在使用 Menu 组件在用户将鼠标悬停在元素上时显示菜单。但是，我注意到当菜单打开时，它还包含一个 Popover 组件，该组件打开并覆盖整个屏幕作为覆盖层，从而阻止与屏幕的交互。我不希望在打开 Menu 组件时打开叠加层。我怎样才能做到这一点？

Answer 1

Menu 组件继承自Popover，后者继承自Modal。所以所有 Modal 属性也可用于 Menu。那些可能对你有帮助的；

• hideBackdrop:如果 true，则不渲染背景。
• disableScrollLock:禁用滚动锁定行为。

更多信息在 https://material-ui.com/api/modal/ .