mozCancelFullScreen() not working and firefox not exiting fullscreen even though this function was called on document
I have a container which gets into full screen mode using mozRequestFullScreen() API but I want to get back to non-fullscreen mode after one of my custom event is fired.
As soon as my custom event is fired, I call mozCancelFullScreen() API to exit full screen but this seems to be not working. Firefox is not exiting fullscreen even though this function was called on document.
I have to press "Esc" to get into non-fullscreen mode.
I am uding Firefox 21.0 version.
Additional System Details
- User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.95 Safari/537.36
Modified by cor-el
Thanks for the reply. I am using the same API as mentioned in the urls. But the issue is something different here.
"As soon as my custom event is fired, I call mozCancelFullScreen() API to exit full screen but this seems to be not working. Firefox is not exiting fullscreen even though this function was called on document."
Also, pressing "Esc" to exit fullscreen in Firefox is inconsistent. I have to interact with flash plugin (my video player) like click or something and after than if I press "Esc" key, I am able to exit fullscreen.
Appreciate your help. Thanks.
There is a demo here showing that a user-initiate keyboard event can trigger both the request and the cancel: https://developer.mozilla.org/samples/domref/fullscreen.html
Could the problem be that you are not responding to a user-initiated event??
I have the same problem. User-initiated event is mouse click, not key press, I wonder if that is the problem?
In Mozilla's demo, key event is used, not mouse event. Is mouse event also supported?
I am 100% sure that within callback function onclick I am calling document.mozCancelFullScreen() but nothing happens. Alert box that I placed in the same function, after mozCancelFullScreen() call is triggered. There's no error report in Firebug.
If there would be a working demo that uses onclick event to switch from fullscreen to normal, that would be highly appreciated!
In Mozilla's demo, key event listener is added to document, while my onclick event to a div element. Maybe that's the problem?
Modified by Sinisa Spasojevic
Hi visionmax, could you post a link to your page, or create a demo on http://jsfiddle.net/ ?
Here's the code: http://jsfiddle.net/ahMST/
I've actually realized, while copy-pasting code from my project (I couldn't use it as-is since there were a lot of dependencies and prototyping) that there was a typo in my code, instead of mozCancelFullScreen I had mozCancelFullscreen.
Hi visionmax, on your site, I have to approve the full screen before I can click, but then it does close. So it's solved?
Yes it is solved: ".... that there was a typo in my code, instead of mozCancelFullScreen I had mozCancelFullscreen."
- -) typo error, and since I had checked "if( document.mozCancelFullscreen )", and which was always null, no errors were reported in Firebug.