ScreenFull not working in iOS Chrome

[adnanrafique]

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.

[sindresorhus]

I think this is a problem with your Webpack config and not this package.

It works fine without Webpack: https://github.com/sindresorhus/screenfull.js/blob/38eeb420efaf0011e423fe761be18b0052c900c5/index.html#L158

[adnanrafique]

Any Idea how I can resolve this?

[Beraliv]

Any Idea how I can resolve this?

Can you show your example? @adnanrafique
Also stand would be perfect to check

[VincentCharpentier]

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

[kevindecapite]

The demo on the homepage does not work on iPad (iOS 13.3.1) with Chrome 80.0.3987.95.

I just tested on my iPad and... nothing:
https://sindresorhus.com/screenfull.js/

[shubhamcompro]

@adnanrafique is it working on IOS safari(iphone) for you?

[iamjoeker]

I'm seeing the same thing. On latest iPadOS, the demo:

1. Works in Safari
2. Does not work in Chrome
3. Does not work in FireFox

[hubery3721]

Is any solution?

[mustafaekim]

When I visit the demo page, I see that it does not work for both Safari and Chrome on an IPAD, 7th generation, IOS 13.5.1

Any idea why it does not work on IPAD? Here it says that fullscreen API is supported on IPAD

[Shaker-Hamdi]

I'm having this issue, any solution yet?

[mustafaekim]

@Shaker-Hamdi what I've found out are as below

• if you click a click on - say a google doc, the link is opened inside the google doc shell. Even though it uses Safari, fullscreen does not work. However if you visit the same link by copying and pasting into the safari browser, it works!
• second thing to check is to ensure that you are requesting the desktop site

[Shaker-Hamdi]

@mustafaekim I'm not sure I follow, I'm only looking to trigger fullscreen on an element on the page, and it works in Safari iPad, but not Chrome for some reason.

[kkgo2018]

if (/ Version/5.1(?:.\d+)? Safari//.test(navigator.userAgent)) {
elemrequest;
} else {
if (keyboardAllowed) {
elemrequest;
} else {
elem[request]({ navigationUI: "auto" });
}
// elem[request](keyboardAllowed && Element.ALLOW_KEYBOARD_INPUT);
}

[kofifus]

@kkgo2018 is that a fix ? where does this go and what does it do please ?

[droid95]

Same issue here, is not working on iPhone 11 Pro Max browser safari 14 and chrome 86.0.4240.93.

[CaelanStewart]

Same issue here - still isn't working.

[PaTiToMaSteR]

player.webkitEnterFullscreen();

[Richienb]

@sindresorhus screenfull.js only works in Safari on iPad:

It does not work on Chrome or Safari on iPhone and Chrome on iPad.

This is because these browsers don't support fullscreen mode. We should add a link to the caniuse page for the Full Screen API in the readme.

[sindresorhus]

There already is: https://github.com/sindresorhus/screenfull.js#support

I personally think it's already pretty clear, but PR welcome if you think it can be made clearer.

[nick-w-m]

Hey! Looking for clarification about this issue. Does no support mean isEnabled will be set to false on iOS, or does it mean the imported code will error out and not initialize successfully?

[Richienb]

.isEnabled appears to be false:

[nick-w-m]

@Richienb Cool! Thanks for the clarification!

[khenriksson]

I had the same problem with screenfull.isEnabled not working in Safari on iPad. The only workaround was to use controls={true} to get the native "fullscreen" button visible.