Model is not isible in IOS Safari but works fine on desktop one

[g-n-man]

Hello. Sorry for possibly a stupid question, but why does everything seem to work fine on the desktop but on IOS the model is not displayed?

https://github.com/g-n-man/test

[elalish]

It's working on my iOS devices. Also, "not displayed" is actually quite vague - some comparison screenshots would help, and is there anything in your JS console logs? Also, your link is to a Github repo, which I'm not about to pull. If you want to share repro steps, please link to a live website where we can see your problem.

[g-n-man]

Hello. Thank you for getting back to me. I am unsure how to check JS logs, but please find the link to a live website as well as screenshots from my laptop and phone below. I have also asked someone to test it on their iPad; it also works there (the model is visible and can be interacted with).

Website:
https://g-n-man.github.io/test/

Screenshots:

HTML code:
`

<style> #threedd { width: 100%; height: 80vh; margin-left: auto; margin-right: auto; background-color: rgb(210, 175, 175); } </style>

Hello

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.5.0/model-viewer.min.js"></script>

`

[elalish]

What model of iPhone and what version of iOS? You can connect your phone to a Mac and use Safari's dev tools to connect to your phone's websites and inspect them to see JS logs, etc.

[g-n-man]

I have an iPhone 11 and iOS 17.6.1.
Thank you for the suggestion,I'll try to do that