AR/VR Buttons Out of View in iFrame

šŸŒµ Needle Engine
1

Hiā€¦ Iā€™ve just noticed that the AR and VR buttons are placed just out of view in the iframe that Iā€™ve used for displaying my project (tested using Chrome on a Moto G9).

Is there anything I can change to move them up a little?

00.jpg
00.jpg720Ɨ1503 100 KB

Original Post on Discord

by user 908977119781060648

2

You can move them up via css (see src/styles/style.css the part about .webxr-buttons)

3

Fab, thank you :slightly_smiling_face: :+1:

by user 908977119781060648

4

They should be just positioned absolute inside the iframe - could it be that the iframe is larger than whatā€™s shown here and doesnā€™t really fit into its bounds?

5

Quite possibly @herbstšŸŒµ. The iframe style is:-

iframe{
display: block;
height: 100vh;
width: 100vw;
border: none;
background: black;
}

by user 908977119781060648

6

Itā€™s not the same link as you posted in showcase, right?

7

Might already be the issue - 100vh in most browsers includes the address bar height, so the iframe here would extend down the same as the address bar is high
If you want ā€œactual usable spaceā€ use 100%

8

Perfect solution. Many thanks @herbstā€‹:cactus: :slightly_smiling_face: :+1:

by user 908977119781060648