You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

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?