My team is developing a web application which has a full screen option in some sections. On Chrome, FireFox and Edge, the full screen option works fine. However, on safari ios, when entering full screen mode, if users touch and pull down the screen, it will exit full screen mode. Is there anyway to disable this action?

My team is developing a web application which has a full screen option in some sections. On Chrome, FireFox and Edge, the full screen option works fine. However, on safari ios, when entering full screen mode, if users touch and pull down the screen, it will exit full screen mode. Is there anyway to disable this action?

• javascript
• ios
• safari
• fullscreen

Share Improve this question Follow asked Jan 20, 2021 at 4:05 Saber ArturiaSaber Arturia 10111 silver badge33 bronze badges 2

• No there is not. If you want to consider making this a Web App, then you can have users add this to their home screen and you won't have this problem. – quicVO Commented Apr 8, 2021 at 15:54
• @quicVO I just saw this after posting. Correct, this is a platform design thing. – Dan Levy Commented Apr 11, 2021 at 22:41

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3 +50

The only way I know to solve this is to have your users add the site to the home screen.

I think you can also detect if it's been opened via the home screen.