reactjs - 全屏时 react Material -ui 弹出窗口

Question

有什么办法可以调整 <Popover>全屏时的元素(Element.requestFullscreen())？

默认情况下，它的 DOM 放置在主体根上，因此，当触发它出现的元素全屏时它不会显示。

因此，我的全屏元素上的所有菜单在离开全屏之前都不会显示。

Answer 1

您必须自定义 Popover 的 container 属性

组件。 container 是 Popover 挂载到的 DOM 节点。默认情况下它是document.body。这就是为什么 Popover 安装在全屏模式元素后面的原因。您必须将容器节点设置为将处于全屏模式的元素。