Is it possible to utilize the fullscreen API to make any element fullscreen, even if it contains multiple internal elements, while still maintaining the functionality of dropdowns and other custom elements that may be located in different areas of the page?
For example, when trying to make a div with dropdowns (such as https://code.google.com/p/ufd/) fullscreen, the dropdown functionality is compromised (the dropdowns list of items are hidden behind the div).
I am looking for a solution where the dropdown functionality remains intact even in fullscreen mode.
Is there a way to achieve this without having to change the z-index of dropdown lists and other elements?