You are not logged in.

Scott Witte

Intermediate

  • "Scott Witte" started this thread

Posts: 299

Location: Milwaukee, WI USA

Occupation: Professional Photographer

  • Send private message

1

Monday, December 16th 2019, 6:46am

WebVR Pano forced BELOW divs with position in iOS browsers

Here is a "fun" one, new to V1.2x:

If your pano is displayed in a div with position (fixed, absolute or relative) AND you have a background image, the pano displays fine on all browsers on all platforms. BUT switch into VR Mode on mobile browsers (ed: iOS only) and only the background image displays, not the VR pano, which disappears from existence. This doesn't happen in mobileVR (headset) browsers or in FakeVR mode on the desktop.

Example: tdf360.com/test/thumbs/tour.html

Very, very weird...and irritating. Any ideas why this is? Can you fix it, Klaus? (Actually I am sure you can. You can do almost anything.)

This post has been edited 1 times, last edit by "Scott Witte" (Dec 18th 2019, 4:38pm) with the following reason: Retitled from "Div with Position prevents WebVR in Mobile Browsers" to more accurately describe the issue.


Scott Witte

Intermediate

  • "Scott Witte" started this thread

Posts: 299

Location: Milwaukee, WI USA

Occupation: Professional Photographer

  • Send private message

2

Monday, December 16th 2019, 10:18pm

Even Weirder...

Experimenting further, it gets weirder: Apparently, the WebVR pano object actually jumps below everything else in VR Mode but only on iOS mobile browsers (Safari, FF, and Chrome). It does NOT happen on Android browsers (Chrome and Samsung), nor MobileVR browsers (Oculus, Firefox Reality, Samsung) nor desktop browsers (at least on a PC). The pano object jumps not only below other elements in its own div, but also below other divs behind its div.

Example: tdf360.com/test/thumbs/tour4.html The center image is the background of the pano div. The "Click to view 360" png in an image in a div below the pano div.

What this means, if no fix is available, is that in order to display a pano in VR Mode properly in iOS browsers, I will have to dynamically hide anything that should be behind the pano object. Obviously I hope there is a much better solution.

Thoughts, Klaus?