How to run a website within an iframe with fullscreen enabled. firefox goes into fullscreen but if another link is clicked FF exits

Question

fullscreen works fine on safari and chrome, but how do i do that for firefox? i have tried several methods, checked with moz API and so on. I also tried the version published here Run a website in fullscreen mode and it went fine, exept on firefox.

for HTML i have: <div class="wrap-kiosk"><iframe id="kiosk-box" src="http://www.some-domain.com" allow="fullscreen *"></iframe></div>

and JS i have:

function toggleFullScreen() {
  if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
   (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {  
      document.documentElement.requestFullScreen();  
    } else if (document.documentElement.mozRequestFullScreen) {  
      document.documentElement.mozRequestFullScreen();  
    } else if (document.documentElement.webkitRequestFullScreen) {  
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
    }  
  } else {  
    if (document.cancelFullScreen) {  
      document.cancelFullScreen();  
    } else if (document.mozCancelFullScreen) {  
      document.mozCancelFullScreen();  
    } else if (document.webkitCancelFullScreen) {  
      document.webkitCancelFullScreen();  
    }  
  }  
}

</script>```

x-frame options are properly set.
thanks all.