Full Screen Mode Animation - Clickable elements not working.
Hi everyone,
I've used some code to make my interactive animations display full screen (not "responsive", as in the publish settings... which seems to just scale). Whilst it all works fine visually, for some reason any clickable elements near the top of the page no longer work. As soon as I exit full-screen mode, they work again. I'm guessing it may be something to do with the aspect ratio of the canvas not matching that of the browser window, but I'm not sure? Any ideas what could be happening? My canvas size is 1920x1080.
function launchFullscreen() {
var i;
var elem = document.getElementById("canvas");
var fs = ["requestFullscreen", "webkitRequestFullscreen", "mozRequestFullScreen", "msRequestFullscreen"];
for (i = 0; i < 4; i++) {
if (elem[fs[i]]) {
elem[fs[i]]();
break;
}
}
}
