You are not logged in.

iPhone fullscreen swipe

Tuur

Sage

  • "Tuur" started this thread

Posts: 3,831

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

1

Thursday, May 25th 2023, 11:24am

iPhone fullscreen swipe

Hi,

I was wondering if we could take out the viewport-fit=cover from the html and make the iPhone fullscreen swipe work.
I didn't manage..

I am trying now with safearea inset.. but it is too much hassle I think..

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Nupsi

Professional

Posts: 697

  • Send private message

2

Saturday, May 27th 2023, 8:26am

Hi Tuur,

what´s the problem with the iphone-swipe? It´s working fine for me on iPhone 11 & 14 (iOS16.4.1).

Tuur

Sage

  • "Tuur" started this thread

Posts: 3,831

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

3

Saturday, May 27th 2023, 10:11am

Hi,

I made an interface that uses area-border and some changes and behaviour when you switch to landscape.
When i take out the viewport- fit cover from the html the interface behaves and looks as i wanted but without that viewport thing the iphone swipe doesn't work. Not sure why.. i tested and it also happens with a bare bone set up without any area stuff.
I now have changed partially the behaviour etc.. and used the safearea inset stuff but i was not able, quick enough, to make it work exactly as i had planned. It works good though.
Not really very important.. but a thing to keep in mind.
I might need to have a better, more intense, look/study on the safearea thing.

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Sage

  • "Tuur" started this thread

Posts: 3,831

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

4

Sunday, May 28th 2023, 12:03pm

.. yes i know the new iphone fullscreen in landscape behaviour but this only works when you have one tab,url bar at top.. and not when tab bar , url bar at bottom (in portrait).
Also the swipe up seems to randomly show or not show, even when landscape fullscreen (one tab top)


Bit confusing..

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Tuur

Sage

  • "Tuur" started this thread

Posts: 3,831

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

5

Tuesday, May 30th 2023, 2:42pm

I'll make my self more clear.

https://www.virtualtuur.com/krpano/121/h…pe/1/index.html
if I have in the settings this:


..the iPhone fullscreen when going in landscape works fine. I also had some issue the swipe still showing in some cases but can't get it back in the bare bone.

when I have this


going to landscape the fullscreen doesn't work, and the swipe shows.

when I take the viewport-fit=cover out of the html, the swipe up doesn't show.
https://www.virtualtuur.com/krpano/121/h…pe/2/index.html

Could it be possible to:
1. make the iPhone fullscreen swipe work without viewport-fit=cover or perhaps with another setting?
2. make the iPhone also go fullscreen when you have the tab-bar selected in the settings instead of the one tab?

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Nupsi

Professional

Posts: 697

  • Send private message

6

Wednesday, May 31st 2023, 10:26am

I can confirm the problem on iphone 11 & iPhone 14. I tried to work around the problem with onresize-event and stagewidth GT stageheight, which will show the swipe-info, but the actual swipe still does´nt work *mellow*

klaus.krpano

Administrator

Posts: 13,488

  • Send private message

7

Friday, June 2nd 2023, 9:10am

Hi,

currently the iphone fullscreen 'mode' is only supported when actually using the 'full-screen' ;-)
That means when using viewport-fit=cover.

I don't know yet if that might be also possible without that, but I will check...

Technically, this iphone full screen hack is pretty tricky and changes depending on the iOS version and also differs whether the Safari tabs are at the top or bottom (and there are also some special implementations for other iOS browsers). It's necessary to explicitly detect the current state somehow and then 'allow' temporary scrolling the whole page (but only as long until reaching the 'full-screen' state).

That means that support is a special case and probably can't manually simulated in a easy/simple way.

Best regards,
Klaus

Similar threads