Toggle contain:strict on fullscreen (#5159)
* Toggle contain:strict on fullscreen * Fix scss lint issue * fix scss whitespace lint issuelocal
parent
47ecd652d3
commit
c567c87453
4 changed files with 67 additions and 30 deletions
@ -0,0 +1,46 @@ |
|||||||
|
// APIs for normalizing fullscreen operations. Note that Edge uses
|
||||||
|
// the WebKit-prefixed APIs currently (as of Edge 16).
|
||||||
|
|
||||||
|
export const isFullscreen = () => document.fullscreenElement || |
||||||
|
document.webkitFullscreenElement || |
||||||
|
document.mozFullScreenElement; |
||||||
|
|
||||||
|
export const exitFullscreen = () => { |
||||||
|
if (document.exitFullscreen) { |
||||||
|
document.exitFullscreen(); |
||||||
|
} else if (document.webkitExitFullscreen) { |
||||||
|
document.webkitExitFullscreen(); |
||||||
|
} else if (document.mozCancelFullScreen) { |
||||||
|
document.mozCancelFullScreen(); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
export const requestFullscreen = el => { |
||||||
|
if (el.requestFullscreen) { |
||||||
|
el.requestFullscreen(); |
||||||
|
} else if (el.webkitRequestFullscreen) { |
||||||
|
el.webkitRequestFullscreen(); |
||||||
|
} else if (el.mozRequestFullScreen) { |
||||||
|
el.mozRequestFullScreen(); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
export const attachFullscreenListener = (listener) => { |
||||||
|
if ('onfullscreenchange' in document) { |
||||||
|
document.addEventListener('fullscreenchange', listener); |
||||||
|
} else if ('onwebkitfullscreenchange' in document) { |
||||||
|
document.addEventListener('webkitfullscreenchange', listener); |
||||||
|
} else if ('onmozfullscreenchange' in document) { |
||||||
|
document.addEventListener('mozfullscreenchange', listener); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
export const detachFullscreenListener = (listener) => { |
||||||
|
if ('onfullscreenchange' in document) { |
||||||
|
document.removeEventListener('fullscreenchange', listener); |
||||||
|
} else if ('onwebkitfullscreenchange' in document) { |
||||||
|
document.removeEventListener('webkitfullscreenchange', listener); |
||||||
|
} else if ('onmozfullscreenchange' in document) { |
||||||
|
document.removeEventListener('mozfullscreenchange', listener); |
||||||
|
} |
||||||
|
}; |
Loading…
Reference in new issue