Status cards rendering on Chrome but not on Safari. about github-readme-stats

[ApurvShah007]

Also Congrats on 1000 ⭐️

[anuraghazra]

@ApurvShah007 can you give me more info on your System? Browser version, OS etc etc

[ApurvShah007]

My laptop is on macOS Catalina v-10.15.4 and my Safari is on Version 13.1 (15609.1.20.111.8). I don't know if that helps, but I can go to chrome and open the same link and everything loads fine.

[anuraghazra]

Yup it's a safari rendering issue. i'll see what i can do, thanks for reporting

[filiptronicek]

This is how it looks on my phone if it helps in any way:

[anuraghazra]

@filiptronicek can you confirm that the animations are running? it could be possible that the animation is not running in @ApurvShah007's browser that why its blank

[ApurvShah007]

@anuraghazra thats exactly how it looks on Safari on my laptop and iPhone. I think its the animations that wont render. The stats and other icons render fine.
It works fine on my android phone on chrome and my laptop on chrome.

[filiptronicek]

The animations are indeed running, but the rank doesn't load.

[filiptronicek]

https://files.catbox.moe/w36wsp.mp4 - how it looks like on my end @anuraghazra

[anuraghazra]

The animations are indeed running, but the rank doesn't load.

Ohhhh, okay. the issue is i can't debug this properly.. since i dont have any safari browser or apple devices :(

[filiptronicek]

Try Browserstack, it's free for OSS! @anuraghazra

The animations are indeed running, but the rank doesn't load.

Ohhhh, okay. the issue is i can't debug this properly.. since i dont have any safari browser or apple devices :(

[edisonlee55]

I can also reproduce this issue on Chrome iOS.

It might be something to do with WebKit, cause Chrome iOS is using WebKit the same as Safari instead of Blink in other Chrome versions.

---

[ApurvShah007]

Yes I can confirm that's it's an iOS / MacOs issue.