[iOS Safari] Fullscreen API on a non-video element

webkitEnterFullScreen API is supported on iOS for video element, but not for a div element. Also as a fullscreen demo website shown, Safari on macOS supports div element but not on iOS.

Is there any plan to add the support in iOS? If not is there any way to fullscreen a div element or make it run as fullscreen on Safari iOS?

Post not yet marked as solved Up vote post of chen209 Down vote post of chen209
8.2k views
Posted by
chen209
Reply

  • Please Apple, what are your developers doing? Allow Fullscreen API in DIV elements on iPhone.

    —
    Mat3

  • This is important. What's apple doing??

    —
    tiagorangel
Add a Comment

Replies

Calling the fullscreen API on an arbitrary element is available on iPadOS. Thanks for the request to make it available on iOS.
Posted by
Frameworks Engineer
Post not yet marked as solved Up vote reply of Frameworks Engineer Down vote reply of Frameworks Engineer
Add a Comment
Calling the fullscreen API on an arbitrary element DOES NOT WORK on my iPadOS, 7th generation.
The screenfull.js demo does not work either. Anybody knows how I can make it work?

PS. I tried to use both Chrome and Safari on my IPAD. In both of the browsers, web page does not go to fullscreen.
Posted by
mustafaekim
Post not yet marked as solved Up vote reply of mustafaekim Down vote reply of mustafaekim
Add a Comment
The fullscreen API works ok on iPadOS (webkit prefixes required) - I just tested it today on a 5th gen iPad. The biggest issue is that when an input is focused, it bounces out of full screen mode, so that has to be detected, and the user has to interact to bring it back into fullscreen mode if that's appropriate.

Still no luck on iPhones - doesn't seem to be supported. An installable webapp (PWA) will probably work better, but that's not the same as the fullscreen API (eg you can't fullscreen a specific element).
Posted by
jcrim
Post not yet marked as solved Up vote reply of jcrim Down vote reply of jcrim
Add a Comment

Please we need Fullscreen API in DIV elements for iPhone!

Posted by
Mat3
Post not yet marked as solved Up vote reply of Mat3 Down vote reply of Mat3
Add a Comment

Indeed we need this on iOS

Posted by
fortesp
Post not yet marked as solved Up vote reply of fortesp Down vote reply of fortesp
Add a Comment

According to the Browser Compatibility table on the Mozilla Developer Network, the Fullscreen API is only partially supported in Safari on iOS and uses a nonstandard name.

Hopefully, Apple allows this in the near future as they had in the past.

Posted by
Buildpax
Post not yet marked as solved Up vote reply of Buildpax Down vote reply of Buildpax
Add a Comment

we need this, all other browsers support this. why apple does not support?

Posted by
Kenny166
Post not yet marked as solved Up vote reply of Kenny166 Down vote reply of Kenny166
Add a Comment

yes, what are the engineers doing everyday in Apple??? How incredible you don't make such easy api!!!

Posted by
xinxuetao
Post not yet marked as solved Up vote reply of xinxuetao Down vote reply of xinxuetao
Add a Comment

This. Is. Something. Required.

No progress?????

Posted by
tiagorangel
Post not yet marked as solved Up vote reply of tiagorangel Down vote reply of tiagorangel
Add a Comment

It's obviously a strategy from Apple to NOT support the Fullscreen API, it's now the only thing left that prevents people from making full-blown web-based games, and that would of course be a disaster for the App Store... Apple has sadly become the new Microsoft ;-( it breaks my heart...

Posted by
AndyAker
Up vote reply of AndyAker Down vote reply of AndyAker
Add a Comment

This isn't even supported on a video element, maybe do that first????

Posted by
xgl
Up vote reply of xgl Down vote reply of xgl
Add a Comment