WebXR AR dom overlay can't fill container

Questions
1

When you start an AR session on Android, dom overlay cannot fill the full screen, and leaves a small gap at the bottom. Most likely this is a webxr issue but thought maybe someone here knows a fix? It just started recently. The gap also breaks touch interactions (everything is offset vertically).

		document.body.appendChild( ARButton.createButton( this.renderer, {
			requiredFeatures: [ 'hit-test' ],
			optionalFeatures: [ 'dom-overlay', 'dom-overlay-for-handheld-ar' ],
			domOverlay: { root: document.body } } )
		);

You can see the gap at the bottom where the dom elements cannot fill:

Screenshot_20210610-124741_Chrome
Screenshot_20210610-124741_Chrome720×1600 192 KB

Screenshot_20210610-124752_Chrome
Screenshot_20210610-124752_Chrome720×1600 81.5 KB

2

here is a bump.

3

If you open Chrome Android the first time, bug does not appear. If you reload the page, bug then appears. :cowboy_hat_face:

4

I suggest you report this issue here: Monorail - chromium - An open-source project to help move the web forward. - Monorail

Use the component Blink>WebXR>AR.

5

Got it. If you reload the page without ending the AR session then this bug occurs.