Multi-model scenes cause infinite page reloading in iOS

[blundellj]

Issue seen on an iPhone 7 running iOS 14.4 on up-to-date Chrome, Firefox, Safari

Page loads as normal, seems to load a 3D thumb or low-res model, but the page reload before Voyager loads the high-res models.

Usually the console does not produce error, just warnings, but I was able to catch this on Chrome for the first page reload of https://3d.si.edu/object/3d/lidded-ritual-ewer-guang-taotie-dragons-birds-tigers-elephants-fish-snakes-and-humans:d8c646aa-4ebc-11ea-b77f-2e728ce88125

ERRORfailed to load 'https://3d-api.si.edu/content/document/d8c646aa-4ebc-11ea-b77f-2e728ce88125/f1961_33-part_01-laser-ortery_texture-150k-4096-high.glb': [object XMLHttpRequestProgressEvent]
ERRORfailed to load 'https://3d-api.si.edu/content/document/d8c646aa-4ebc-11ea-b77f-2e728ce88125/f1961_33-part_02-x_pol-ort_texture-150k-4096-high.glb': [object XMLHttpRequestProgressEvent]

[gjcope]

Haven't been able to reproduce this on iPhone 6S running iOS 14.4.1

[blundellj]

Recently updated to 14.4.1 and the issue is still showing up on Chrome, Firefox, Safari.

This time I'm getting the follow console error in safari:

[Error] Failed to load resource: the server responded with a status of 400 (Bad Request) (deliveryService, line 0)

https://ids.si.edu/ids/deliveryService?max=350&id=https://voyager3d.si.edu/sites/default/files/oa-graphic-long-01-small.jpg

and the source Tab in dev tools highlights line 494 e.querySelectorAll("*,:x"),

[gjcope]

Does it say "There was an error" or something similar in the browser before reloading the page? Can you try freeing up memory (closing applications/ browser tabs) and see if this makes a difference?

[blundellj]

The page instantly reloads, with no text or other feedback given to the user. Closing all other applications, closing all other tabs, and restarting the phone all had no effect on the behavior.

Safari
https://user-images.githubusercontent.com/49207360/114899633-1de9dc00-9de1-11eb-8f7e-1093d1a6f266.mp4

Chrome
https://user-images.githubusercontent.com/49207360/114899317-dbc09a80-9de0-11eb-94e8-ed455bcbd10b.mp4

Firefox
https://user-images.githubusercontent.com/49207360/114899450-f6930f00-9de0-11eb-8d8e-f99b07d79576.mp4

[blundellj]

I was able to capture Safari flashing the text "This webpage was reloaded because a problem occurred." with possibly an "x" icon in front of the text when testing on the dev API

[gjcope]

Patched in #109 but we need to address memory usage in general. (Look at using lower res on mobile and/or KTX textures)