Detect Fullscreen mode

[GregoryBologna]

I would like to detect whether full screen is active and disable a function action on my popup. Would there be a property for this in the view?

[Anonymous User · Accepted solution]

You could watch the `state` property on FullscreenViewModel to detect if Fullscreen widget is active. Please see code below:

watchUtils.watch(fullscreenWidget.viewModel, "state", (value)=>{
   if(value === "active"){
         console.log("Entered Fullscreen mode");
    }
})

[GregoryBologna]

What are all of the states of FullScreen? I'm looking for a "click" state because the watch on "state" happens when the browser is already going into fullstate mode.

var fullscreenWatch = watchUtils.watch(fullscreen.viewModel, "state", function (newValue, oldValue) {

[KenBuja]

The states are

active | ready | feature-unsupported | disabled