The scene looks zoomed in after exiting VR on mobile

[mayognaise]

on Mobile, after exit VR mode (stereo view), the scene looks like zoomed in.
This only happens on master branch. 0.2.0 works fine.

• A-Frame Version: master branch
• Platform/Device: Mobile

[dmarcos]

If you are on iOS rotate the phone so the canvas resizes appropriately. That's some quirk on the canvas iOS resize logic on device orientation changes where the resize event is not triggered. It affects 0.2.0 too and the webvr-polyfill examples.

[mayognaise]

hi @dmarcos, I found an example with webvr-polyfill and this works fine with mobile.
example

I just made a video to reproduce the issue:
http://cl.meowyo.com/gsbq
(Please see this on Chrome/Safari)

The link is referred by #1541

master
0.2.0

[mayognaise]

Hi I tried rotating the phone to landscape and back to portrait.
The scale seems to work but the position is still off.

here is the test

[dmarcos]

With that polyfill example you pointed out I also see viewport size issues on my iphone6 Plus.

[mayognaise]

I see. Do you think the polyfill got regression?

[dmarcos]

There's a known bug in webkit where WebGL based canvases composite incorrectly after changing size https://bugs.webkit.org/show_bug.cgi?id=152556

[dmarcos]

That's the root cause of these bugs. As far as I know 0.2.0 was also affected. On my iphone 6 Plus I had to trigger an orientation change cycle for the canvas to resize correctly after exiting VR mode.

[mayognaise]

can you try this page with your phone how it goes, please?
https://pocktvr.io/user/5722b6ffc406d91100170f5f/574f363baf8be111002b7b5a

• click vr button in top right
• rotate as landscape
• rotate as portrait
• exit vr

My iPhone 5s has no issue.. the Aframe version is 0.2.0

[ngokevin]

I'm looking to see what we can do for the canvas resize issues on iOS. It doesn't reproduce for 0.2.0, but does easily for master.