Model-viewer: Android 11 AR mode issue

[stilliard]

Description

Tested on Android 11 after upgrading my Pixel 2 this morning.

The 3D model works fine & the AR mode button shows up correctly, but on press of this is loads the camera with the webpage still in front, there's a small section of the camera visible at the very bottom of the screen, see screenshot of this in action (you'll see a small part of my keyboard at the bottom which is the camera/ar mode and to the top left you'll see the close camera/ar mode cross icon):

Live Demo

Originally spotted on my own dev sites but it shows the error on the AR demo page here: https://modelviewer.dev/examples/augmented-reality.html

Version

• model-viewer: latest

Browser Affected

• [x] Chrome (maybe others, untested)
• [ ] Edge
• [ ] Firefox
• [ ] IE
• [ ] Safari

OS

• [x] Android (worked fine on Android 10, only seems to be an issue in the just released Android 11)
• [ ] iOS
• [ ] Linux
• [ ] MacOS
• [ ] Windows

[elalish]

Yeah, we just discovered this too; I believe this is a webxr regression with android 11. There's already a fix in Chrome for this, which should be out in 86. Meanwhile you may need to use ar-mode='scene-viewer quick-look'. @klausw on the Chrome side.

[klausw]

This should be fixed in Chrome Canary >= 87.0.4254.0 (current version is 87.0.4260.0), and in Chrome Beta >= 86.0.4240.29 (86.0.4240.30 should be rolling out today or tomorrow).

For background, this was caused by a rather subtle change in behavior for SurfaceControl visibility at the Android platform level, where Android 11 was keeping deleted surfaces visible while Android 10 was hiding them as the code expected, so it needed code changes to work around the difference. Sorry about the disruption.

[stilliard]

Awesome, all working again now thanks 👍