Select menu not shown in full screen components

TuSimple/naive-ui version (版本)

2.27.0

Vue version (Vue 版本)

3.2.31

Browser and its version (浏览器及其版本)

Chromium 100, Firefox 98

System and its version (系统及其版本)

Linux Manjaro 21.2.5

Node version (Node 版本)

Reappearance link (重现链接)

https://www.naiveui.com/en-US/os-theme/components/select

Reappearance steps (重现步骤)

• Open the documentation page
• Make the content section full-screen using the code below in the console and then clicking on the content (sorry for not creating a codepen)
• click on a select

document.querySelector('.document-scroll-container').onclick = e => {
   let root = document.querySelector('.document-scroll-container');
   root.requestFullscreen();
   root.onclick = null;
}

Expected results (期望的结果)

The select should popup up it’s list of choice.

Actual results (实际的结果)

No list of choice is shown (until we leave fullscreen with “escape”).

Remarks (补充说明)

Probably, the menu is created somewhere else in the DOM (outside of the fullscreen component), I’m not sure how much this is a constraint or if there is an easy workaround.

[twitwi]

Thanks for your project and reactivity.

[twitwi]

That was fast!