Select component doesn't work in conjuction with the Fullscreen API

[zinas]

🐛 Bug Report

We are using the Select component inside the Workday Media widget. When we make the video go fullscreen, the Select components no longer work: when you click on them, the list of options doesn't appear. The reason this happens is because the list of options is appended to the body, while fullscreen is requested on a different element. This means that the stacking order of the options is lower than anything inside the fullscreen element and thus they wont appear

To Reproduce

The code I mentioned is not yet merged, so I can't link to it. But you can reproduce by having a very simple page and requesting fullscreen on any element

Expected Behavior

List of choices of the Select component appears

Actual Results

As described in the first paragraph

Browser (if applicable)

It applies to every browser

Link to repl or repo (highly encouraged)

Please provide a reference to a repo or branch to help us reproduce this bug.

Error Output

Paste the error output here

or

Include a screenshot of a visual bug

[zinas]

Potential solution would be to be able to define a containerElement for the component