element-ui的MessageBox组件在元素全屏情况下的显示问题

Question

在网页通过f11全屏，MessageBox组件能正常显示。
但如果是调用js进入的全屏（requestFullscreen），则会发生MessageBox组件不显示（被遮挡，设置z-index无效）问题。

除了MessageBox组件外，其它一些弹窗组件也会受到影响。不知碰到过的道友们，是怎么解决的？

Answer 1

猜测是你指定了特定 DOM 元素去 requestFullscreen 的，而不是把整个 Body 都全屏了。

这种方式的话屏幕上就只剩下你指定的元素了，而有一些组件（常见于带弹出层的）是默认追加到 Body 结尾的，不会被包含在你指定的那个元素里，所以就会不显示了。

解决方案的话要么你别指定特定元素了，就把 Body 整个都全屏吧。

要么的话看一下组件本身提供没提供像 Dialog 这种可以指定 DOM 插入位置的属性：

没提供的话你就只能自己封装个组件了。