I have a page that has a header. I would like the F11 button (which leaves the browser in full screen mode) the header to be hidden from the page and when I click again, the header will reappear on the page.
When I click the F11 key for the first time, everything goes perfectly, the page goes into full screen mode without a header. However, when I click the F11 key again, the page exits full screen mode, but the header does not return to the page. If, after that, I press the F11 key again, the page goes into full screen mode with the header.
In other words, the event onkeydown it does not work in full screen.
I have made a simple example here that clarifies the situation I am going through with my code. Look:
Katie Bouman - My girlfriend