Dialog not opening in desktop fullscreen mode

Problem description

When the app is in fullscreen mode, the dialog does not open. I have to resize the window so that the dialog appear.

Steps to reproduce

• in componentDidMount of the App component:

const root = document.getElementById('root')
root.onclick= () => root.webkitRequestFullscreen()

In a child component, display a dialog after being fullscreen.

I observe this behavior only when using webkitRequestFullscreen(). Using F11 works well

Versions

• Material-UI: 0.19.0
• React: 15.6.1
• Browser: Chrome 57

[nicgirault]

It was actually not a bug from material-ui. I was requesting full screen on my app root component (a div in the body of the HTML document) but the dialog appears outside of the root (directly in the body of the document). This is why it was not visible.

I changed my code from:

const root = document.getElementById('root')
root.onclick= () => root.webkitRequestFullscreen()

to:

const root = document.getElementById('root')
root.onclick= () => document.body.webkitRequestFullscreen()

The questions that guided my to the answer: https://stackoverflow.com/questions/44071348/make-a-react-element-appear-on-the-front-of-fullscreen-ed-child-react-component.

At least it made me upgrading to material-ui v1 😉

[oliviertassinari]

@nicgirault Hi 👋