Main website bug report (Safari Ipad use)

sjomik2000 · 10 August 2020 14:04

When i go to cardano.org website on my Ipad Pro 10.5 using safari browser, it displays the homepage and after 1 sec everything disappears and the screen is white and there’s nothing I can do. Please fix this, this bug may deter people wanting to learn about Cardano project

RobJF · 10 August 2020 14:41

Welcome Simons and thanks for flagging this up!

adatainment · 11 August 2020 06:45

Hello and welcome @sjomik2000,
is there anyone else who can either confirm or deny this problem on an iPad?

hayamoto_jr · 11 August 2020 10:54

Same here on iPadOS 14 beta 4.

adatainment · 11 August 2020 11:07

Thank you, looks like we have something. Any feedback helps. Basically iOS version is welcomed too.

adatainment · 11 August 2020 11:18

@hayamoto_jr and @sjomik2000 can you please try it again now?

hayamoto_jr · 11 August 2020 11:56

Deleted everything containing “cardano” and “cloudfront” in Settings > Safari > Advanced > Website Data, then tried to load the site, still no luck. Tried in private browsing mode, that didn’t work either.

My user agent:
Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

Here are the warnings and errors from the console, the 4 errors don’t show up when visiting the site on desktop:

[Warning] THREE.WebGLRenderer: OES_texture_float_linear extension not supported. (0cb0368a-84779dce8d82c498ac2f.js, line 1)
[Warning] THREE.WebGLRenderer: EXT_frag_depth extension not supported. (0cb0368a-84779dce8d82c498ac2f.js, line 1)
[Warning] THREE.WebGLRenderer: WEBGL_draw_buffers extension not supported. (0cb0368a-84779dce8d82c498ac2f.js, line 1)
[Error] WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
	(anonymous function) (0cb0368a-84779dce8d82c498ac2f.js:1:418496)
	value (0cb0368a-84779dce8d82c498ac2f.js:1:739507)
	value (0cb0368a-84779dce8d82c498ac2f.js:1:738228)
	value (0cb0368a-84779dce8d82c498ac2f.js:1:733651)
	value (0cb0368a-84779dce8d82c498ac2f.js:1:731180)
	lo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:875199)
	pu (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:893054)
	pu
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	du (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:889526)
	Zo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:885680)
	Zo
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837143)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	Hl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837090)
	Bl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837025)
	qo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:882266)
	ma (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:854095)
	ma
	(anonymous function) (component---src-pages-index-js-c466218e4806a9d17540.js:1:4377)
	s (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:633088)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:632838)
	y (component---src-pages-index-js-c466218e4806a9d17540.js:1:3929)
	o (component---src-pages-index-js-c466218e4806a9d17540.js:1:4665)
	promiseReactionJob
[Error] TypeError: null is not an object (evaluating 's.getProgramInfoLog(_).trim') — index.js:8809
	Za (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:874203)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:881308)
	fi (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:840384)
	lo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:875397)
	pu (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:893054)
	pu
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	du (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:889526)
	Zo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:885680)
	Zo
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837143)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	Hl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837090)
	Bl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837025)
	qo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:882266)
	ma (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:854095)
	ma
	(anonymous function) (component---src-pages-index-js-c466218e4806a9d17540.js:1:4377)
	s (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:633088)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:632838)
	y (component---src-pages-index-js-c466218e4806a9d17540.js:1:3929)
	o (component---src-pages-index-js-c466218e4806a9d17540.js:1:4665)
	promiseReactionJob
[Error] TypeError: null is not an object (evaluating 's.getProgramInfoLog(_).trim') — index.js:8809
	Za (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:874203)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:880975)
	fi (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:840384)
	lo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:875549)
	pu (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:893054)
	pu
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	du (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:889526)
	Zo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:885680)
	Zo
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837143)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:783723)
	Hl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837090)
	Bl (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:837025)
	qo (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:882266)
	ma (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:854095)
	ma
	(anonymous function) (component---src-pages-index-js-c466218e4806a9d17540.js:1:4377)
	s (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:633088)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:632838)
	y (component---src-pages-index-js-c466218e4806a9d17540.js:1:3929)
	o (component---src-pages-index-js-c466218e4806a9d17540.js:1:4665)
	promiseReactionJob
[Error] Error loading header visualisation – TypeError: null is not an object (evaluating 's.getProgramInfoLog(_).trim') — index.js:8809
TypeError: null is not an object (evaluating 's.getProgramInfoLog(_).trim') — index.js:8809
	(anonymous function) (component---src-pages-index-js-c466218e4806a9d17540.js:1:4463)
	s (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:633088)
	(anonymous function) (7b1bc9f6843c26683fcf6b69e4b5b3c10bb3313e.js:1:632838)
	y (component---src-pages-index-js-c466218e4806a9d17540.js:1:3929)
	o (component---src-pages-index-js-c466218e4806a9d17540.js:1:4665)
	promiseReactionJob
[Warning] The resource https://cardano.org/webpack-runtime-d0bac1126a77fa515336.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/framework-c254fef5e508cd60e214.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/1bfc9850-a27aa716ea66626cc052.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/95b64a6e-9c61b317a98c6f541edc.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/252f366e-271a9ec1337e998f0927.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/app-a67e465d19ffb925000e.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.
[Warning] The resource https://cardano.org/component---cache-caches-gatsby-plugin-offline-app-shell-js-24ed62d9539ef772967c.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.

sjomik2000 · 11 August 2020 18:46

Still have the same issue

adatainment · 12 August 2020 15:12

Okay, thanks again for raising this. So two things came together here. The first initial problem was related to a double caching issue on Cloudflare. We were able to reproduce that and could provide a fix. Usually there is no need to do something on your side and it should work.

At the same time the web developer discovered a change in how iOS beta handles something the website uses that might lead to a second problem. (not sure if @sjomik2000 also was on iOS beta) A few minutes ago this should have been fixed. I hope @hayamoto_jr can confirm this.

hayamoto_jr · 12 August 2020 15:39

Works now. No errors on the console anymore, just warnings similar to the last seven I posted in my previous posts. The background graph-looking animation thing shows only as a static JPEG image, I guess this is intentional. The aspect ratio of this background image is off though, it appears stretched to a taller size on the website, it’s a bit ugly. Maybe because the iPad has a tall 4:3 screen.

Found a typo on https://roadmap.cardano.org/: Cardano was ranked as the most actively developed cryptocurrency project in 2019,according to [...], space missing after the comma. This text can be seen in at least five locations, under Byron, Shelley, Goguen, Basho and Voltaire.

sjomik2000 · 12 August 2020 16:54

I don’t use beta, I have the latest version of iOS and Safari. Issue still not resolved, white screen appears.

adatainment · 12 August 2020 17:43

It would help if you can provide the specific iOS version. Some devices may have different versions of the “latest”, and it also helps people that will read this in the future.

Though that should not be necessary, you can try:
Settings App (with the gear) -> Safari > clear history and website data

hayamoto_jr · 12 August 2020 18:43

Yeah, after seeing that it worked in private mode, I went back to regular mode, and it loaded the white page on my first try, I guess because the old version was cached by Safari. I had to hit reload in Safari’s address bar, then it worked.

sjomik2000 · 15 August 2020 09:55

I own iPad 10.5 Pro
The iOS version of my iPad is iPadOS 13.6
The Safari version I couldn’t find but since it is pre installed and you cannot update it on app market I assume it is the latest version.
I have done the ‘Clear History and Data’ still not working.

hayamoto_jr · 15 August 2020 12:35

For me it works both on the current iPadOS 14 beta and on an iPhone running iOS 13.6.1, I even get the background animation on the iPhone. I don’t have an iPad running iPadOS 13 to test with. I tried both landscape and portrait orientations, seems to work either way.

@sjomik2000 Can you try if it’s white in private browsing mode too?

sjomik2000 · 15 August 2020 13:41

White in private browsing too

Scotoma · 17 August 2020 20:53

What is even worse is this weird spherical animation on the home page is making my cpu go to 100%

Scotoma · 17 August 2020 20:54

yep that’s because of the animation