iPhone view different to PC monitor view

Hi there, I am hoping that someone can help me, as my issue is driving me nuts.
My problem is with the iPhone displaying things differently to what I see in the monitor of my PC. Viewing on the iPhone seems to cut off the bottom of what is being viewed. For example, take this view: in the iPhone image below you can see that the buttons at the bottom are not in the scene fully, whereas the monitor image shows all of the buttons.
I am trying to create a 3D piece that will work on most devices. Apple’s IOS is proving awkward. Any help would be appreciated.
Thanks.

iPhone view:

PC monitor view:

this might be a css issue ? @RaananW might have an idea ?

Seems like it!

Seems like the height on an iphone is not configured correctly. @sebavan , can you confirm that the playground is not working correctly in landscape mode on an iphone?

Works unfortunately all good on my iphone :frowning:

The shared scene as well?

Also @DarraghBurke - is there any resizing being done when using the gui based on window.innerHeight (or window.outerHeight)? This seems like the height is configured to be the canvas in full screen height (as opposed to the available height minus the header).

yup all good on iphone 13

Can I ask what iOS (and iphone) you are using? could it be that the browser is not in the latest version?

I do not repro in 15.4.1 but can not downgrade to try other versions.

Hi, thanks to everyone. @RaananW at present I have an iPhone 7 plus and the software version 13.6. So, I am guessing that this maybe the problem. I am creating work for a university…I’m thinking not all students will have the most up to date phone/software. But I think I will need to try updating my IOS…always a bit reluctant to do so.

I’m afraid this is something we do not control if this is a browser bug :frowning:

1 Like

You can also use the fullscreen mode of the playground to avoid having the bar. Though not a perfect solution, it might be what you are looking for when used by older iphones. the fullscreen support is using full.html, for example:

Hi all, I reluctantly upgraded my iPhone (in case of possible problems) and my issue has now gone.
Thanks to all that replied.

2 Likes