x_ite does not work on iPad Safari (IOS 14.4) about x_ite HOT 6 CLOSED

Unfortunately I do not have an iPad, the one device I've been missing. Also tested on iPhone and MacBook (latest OS), and it worked. I also tested Safari 14 (ok), but on MacBook.

Your screenshot shows that X_ITE is somehow working, but the size is a little to small. Sure an update could help, but I don't want to recommend you that. I only can guess what's going on, it could be something with the internal CSS of X_ITE.

I have updated the alpha version, with latest fixes, don't know if this will help, but I would ask you if you could test the alpha version. This is simple, because the website runs with alpha. For instance look at https://create3000.github.io/x_ite/playground/ or the start page with examples.

from x_ite.

I tried the Playground Link and Alpha version on the iPad and still the same issue is seen.

I have put together a little set of test pages using different versions if X_ITE:

https://raw.githack.com/jamesleesaunders/d3-x3d/x-ite-ipad/examples/scratch/x_ite_ipad/x_ite_ipad_latest.html

• Alpha
• Latest
• v8.0.0
• v7.0.0
• v6.1.0

The same issue is actually seen across all versions on iPad (tested they all work fine on other browsers). So I don't think this is anything to do with your latest release and possible something more fundamental to the version of Safari+iPad.

Here is a video showing the results:
https://user-images.githubusercontent.com/13055416/207559263-6a17108f-1b4f-43f3-8e63-abe99585c130.mp4

One other observation is that, although it appears to load the mini X_ITE splash logo, it then does not render the background (normally once loaded this scene would have a black background behind the cube) - it just stays white.

I am more than happy to carry on testing with this version of IOS if you want to chase it down, otherwise I can do an update and see it this fixes the issue (although once I have done an update there is no going back).

from x_ite.

Can confirm it now. Have tested the pages in Xcode Simulator with iOS 13 and 14, and the issue is as you described. It turns out that Safari still don't know CSS property inset which can be replaced by top, right, bottom, left.

I have updated the alpha version for testing.

from x_ite.

Yay! Great sleuthing! Tested alpha version and it now works on iPad + iOS 14.4 Thank you!
I will update the iPad now to iOS 16.2 to give it a whirl also.
It looks like inset was added to Safari in iOS 14.5 https://developer.mozilla.org/en-US/docs/Web/CSS/inset

from x_ite.

Quick follow-up after updating the iPad to iOS 16... all versions of x_ite work fine, all the above examples work back to x_ite v6.
So, this was only an issue for iOS 14. But thanks for fixing anyway - there are likely a number of people who this may have affected.

from x_ite.

Fine, I am always a fan of updating. :)

from x_ite.