javascript - Margin when in fullscreen -


starting fullscreen chrome using oninputdown event text objects in phaser enables fullscreen margin on sides. found in phaser examples same thing happening ondown event game.input. http://phaser.io/examples/v2/display/fullscreen

i suspected computer might @ fault after asking friend try example above experienced similar. difference background created margins.

oddly enough if call same function oninputdown event text object calling button object instead there no margins. proper fullscreen. calling said function event listener added html tags <p>, <label> , <button> etc. works properly.

my question is: why margins created when enabling fullscreen in way explained in first paragraph? there way remove margins except calling function different source? if proper fulllscreen example link using chrome please add in answer.

//my fullscreen function function togglefullscreen() {     var elem = document.documentelement;     //check if document in full screen or not.     if (document.fullscreenelement || document.webkitfullscreenelement || document.mozfullscreenelement || document.msfullscreenelement)     {         if (document.exitfullscreen) {           document.exitfullscreen();         } else if (document.webkitexitfullscreen) {           document.webkitexitfullscreen();         } else if (document.mozcancelfullscreen) {           document.mozcancelfullscreen();         } else if (document.msexitfullscreen) {           document.msexitfullscreen();         }     }       //if document not in full screen: check if document has ability go fullscreen.     else if(document.fullscreenenabled || document.webkitfullscreenenabled || document.mozfullscreenenabled ||document.msfullscreenenabled)     {         if (elem.requestfullscreen) {           elem.requestfullscreen();         } else if (elem.msrequestfullscreen) {           elem.msrequestfullscreen();         } else if (elem.mozrequestfullscreen) {           elem.mozrequestfullscreen();         } else if (elem.webkitrequestfullscreen) {           elem.webkitrequestfullscreen();         }     }//if document can not go full screen: alert user.     else         window.alert("sorry. device or brower not support full screen."); } 


Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -