htmltwitter-bootstraptwitter-bootstrap-3fullscreen

Bootstrap modal issue with browser full screen

I have a div and I preview it fullscreen in browser (requestFullScreen()). Everything works fine but when I open bootstrap modal it shows under fullscreen div (i mean the fullscreen stays over the modal) but when I cancel fullscreen I see modal.

Any ideas how to fix this ??

Solution

  • Currently, The modal div is out side fullscreen div.

    So Please cut from there and paste the entire modal inside the fullscreen div

    I don't know the reason, But it is working here.

    <div id="fullscreen">
Lorem ipsum dolor 
<button class="btn launchConfirm">Launch Confirm</button>

<div class="modal fade"> //modal stuff here</div>

</div>