有没有办法在全屏(Element.requestFullscreen()
)时调整<Popover>
元素?
默认情况下,它的DOM放在正文根上,因此,当触发它出现的元素是全屏显示时,它不会显示。
正因为如此,我的全屏元素上的所有菜单都不会显示,直到它离开全屏。
发布于 2019-02-27 02:33:28
您必须自定义Popover
的容器属性
组件。container
是Popover挂载到的DOM的节点。默认情况下为document.body
。这就是为什么Popover
安装在全屏模式的元素后面的原因。您必须将容器节点设置为将处于全屏模式的元素。
发布于 2021-12-01 07:02:31
Popover组件的道具容器:
const containerRef = useRef(null);
<div ref={containerRef}>
<button onClick={handleOpen}>open</button>
<Popover container={containerRef.current}>
...
</Popover>
</div>
https://stackoverflow.com/questions/42229307
复制相似问题