It works on desktop and android fine. I know that the slide out menu doesn’t fit the screen, it is temporary.
The problem is that, on ios, it zooms in to the bottom-left corner of the screen. Weird.
I have tested other projects on the showcase page and they all work fine on ios. If anyone is up for it and knows I will pay you £20 or something, paypal, to just write it in a word document or something so i can refer to it, nothing fancy. Can just be a line or two if it fixes it…
Kind of urgent and the gui needs to remain html.
I know it is something to do with css position on the slide menu div. When i remove transform modifiers (that move the slide menu) it works fine on ios. But this has to be in the code or it will not work as designed.
Are you talking about your UI? If it’s HTML and CSS then you can move to whichever WebGL engine you like, it won’t solve your problem. Unfortunately I don’t have an iOS device available at the moment to test this. But if you say that it works if you remove transform then my guess is that you are using CSS properties that need to be prefixed with -webkit- in iOS. That includes transform and you need to check which other CSS properties need a prefix as well.
It works. But when I embed it into a website it doesn’t. I have noticed something as well. After it loads, it just continually stretches on the y-axis. I removed all css references and javascipt code that resizes the menu div and this still occurs.
It seems to me that when this specific application is embedded into an iframe (like this URL does: https://playcanv.as/p/jCuKtqtQ/ ) that’s when it starts to break. It’s like it’s constantly resizing and readjusting stuff.
It’s hard to debug this without having access to the project and trying some stuff out. Can you add me to your project? My username is ‘vaios’.
What I’d try is strip everything from the project until it stops doing it so we can figure out which bit is causing all the readjustment on resize.