[Bug]: Many images are rendering as cropped panos

[AndyBaird]

What happened?

The React wrapper is causing images to warp. Even the demo playground has this behavior when the little planet option is flipped off. I have several test images that are doing it as well with basically nothing in the configuration. PSV had some updates to support cropped panos, and it looks like many 360 images are now rendering as cropped pano images instead of being immersive.

What should have happened?

It should render all 360 images without pinching the top.

Code

Sandbox Link

No response

Library Version

Photo Sphere Viewer version 5.13.2
React Photo Sphere Viewer 6.2.2

What operating system are you using?

macOS

What browser are you using?

None

Logs

No response

Interest to fix the bug

• I would like to fix this bug!

[AndyBaird]

It's possible this code change in PSV is relevant: https://github.com/Mu-L/Photo-Sphere-Viewer/commit/31a6f9c5f6c0d5e9abc24c134ad27d8816723e02

[Elius94]

holy shit! It's a really new thing, that's happening now... wtf, this is really strange.

[Elius94]

Ok @AndyBaird it's a problem with CodeSandbox. If you try the full window preview it's ok!

I think that it's something related to the iframe or something similar in the Cs

[Elius94]

If you run a project in local everythink works

[AndyBaird]

The app I am working on is experiencing it too. Its really strange though because it seems like its only localhost. On the left is localhost and the right is production. Its the same uploaded image and the same code.

[Elius94]

ok so you are telling me that in localhost it makes the issue and in production no, is it true?
If you can help me to figure it out I will appreciate really

[AndyBaird]

Yes, thats the case for me. Localhost shows warped images but those same images in production look fine.

[AndyBaird]

I've tried removing the panoData from the image, also adding a bunch of panoData, and I've tried adding/removing plugins but none of that made any difference

[Elius94]

https://codesandbox.io/p/sandbox/react-photo-sphere-viewer-virtualtour-mj2p5k
try that, also in local! For me it works...

[AndyBaird]

The sandbox works. I'm starting to suspect there's something in the image data that is causing it. I can only reproduce the issue with certain images while others from the same camera render normally.

[Elius94]

that's really strange and brand new. this does not happens in the past days...

[Elius94]

The main sandbox in my repo shows the issue but if you go in full screen preview not.