screenfull: ScreenFull not working in iOS Chrome

Whenever I try to open my application in fullscreen it shows following error in console.

TypeError: undefined is not an object (evaluating 'screenfull__WEBPACK_IMPORTED_MODULE_23__["raw"].fullscreenchange')

Now I know it does not work with safari on iPhone but It should work on Chrome and I am testing it in chrome.

In the following condition,

if (screenfull.enabled) {} => console.log(screenfull) => true //it should return an object This is the line where it is getting failed.

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 23 (4 by maintainers)

Commits related to this issue

Fix iOS not loading maps because it does not support fullScreen API We use a JS packages called `screenfull`. It's used to interact with browser Fullscreen API. The problem as explained in this issue ... — committed to andresgutgon/community-maps-builder by andresgutgon 2 years ago

Most upvoted comments

This is not really a bug, more like a bad feature from Apple. The fullscreen API works on iPad but not on iPhone (http://caniuse.com/#feat=fullscreen)

there is no way to switch to fullscreen on IOS >=10 in Safari and Chrome. It is because the Fullscreen API is not supported https://stackoverflow.com/a/46544156/3484498

Why ? IMHO, Apple isn’t thrilled by PWA and try to limit their adoption. Thus forcing devs to release apps on their marketplace which translate into big $ for them

VincentCharpentier on Feb 26, 2020