Slow render in Safari sometimes (random)

[eddiejaoude]

Mac Safari has rendering issues

[anuraghazra]

Hi @eddiejaoude thanks for reporting the issues, I'll look into this ASAP.

If you provide me exact system information of your setup then I could debug this with ease (eg: Mac OS, browser versions)

Thanks!

could be related to #59

[eddiejaoude]

I think you are right, it looks very similar and my versions are similar too.

Mac 15.15.5
Safari 13.1.1

[anuraghazra]

@filiptronicek @edisonlee55 maybe you guys can help us debug this? that would be very helpful. thanks! ❤️

[filiptronicek]

@anuraghazra I was trying to reproduce it, but have no luck. I am trying on Catalina Safari 13.1.1 so that shouldn't be the problem. @eddiejaoude can you please provide further information (or try on a different machine) on how the loading looks like. Thanks!

P.S. might be because of some in-browser issue, which we cannot fix. Just throwing it in here.

[anuraghazra]

@anuraghazra I was trying to reproduce it, but have no luck. I am trying on Catalina Safari 13.1.1 so that shouldn't be the problem. @eddiejaoude can you please provide further information (or try on a different machine) on how the loading looks like. Thanks!

P.S. might be because of some in-browser issue, which we cannot fix. Just throwing it in here.

The most straightforward solution would be to disable the animations completely. but the issue is we cannot detect the User-Agent from the server because User agent will be "camo" (Github's UA)

Maybe we could try this? seems legit
https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome
https://solvit.io/bcf61b6
@filiptronicek can you check out these CSS hacks and see which works?

[filiptronicek]

@anuraghazra I was trying to reproduce it, but have no luck. I am trying on Catalina Safari 13.1.1 so that shouldn't be the problem. @eddiejaoude can you please provide further information (or try on a different machine) on how the loading looks like. Thanks!
P.S. might be because of some in-browser issue, which we cannot fix. Just throwing it in here.

The most straightforward solution would be to disable the animations completely. but the issue is we cannot detect the User-Agent from the server because User-agent will be "camo" (Github's UA)

Maybe we could try this? seems legit
https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome

Yeah.... so, I think we, unfortunately, cannot use that, we cannot pass any styling info (as previously noted on #79.) the important thing is now to get a hold of what it looks like, see if anyone has this issue also and then either

1. do it ourselves
2. contact Apple and see what we can do

[filiptronicek]

#79 (comment)

[anuraghazra]

Yeah.... so, I think we, unfortunately, cannot use that, we cannot pass any styling info (as previously noted on #79.) the important thing is now to get a hold of what it looks like, see if anyone has this issue also and then either

1. do it ourselves
2. contact Apple and see what we can do

I see but i'm already using CSS & CSS Keyframes i'm pretty sure we can use media queries because github serves the image as SVG (and it does render the CSS with it) so i think it should work. and in #79 (comment) the author is refering to tag media queries it does not work because github wont render the picture tag,

Oh wait @filiptronicek i think you already tried that right? #79 (comment)

[filiptronicek]

Yeah.... so, I think we, unfortunately, cannot use that, we cannot pass any styling info (as previously noted on #79.) the important thing is now to get a hold of what it looks like, see if anyone has this issue also and then either

1. do it ourselves

2. contact Apple and see what we can do

I see but i'm already using CSS & CSS Keyframes i'm pretty sure we can use media queries because github serves the image as SVG (and it does render the CSS with it) so i think it should work. and in #79 (comment) the author is refering to tag media queries it does not work because github wont render the picture tag,

Oh wait @filiptronicek i think you already tried that right? #79 (comment)

As I remember doing it, I just did the plain HTML Img with the media=prefers color scheme thing, didn't try the svg styles yet

[eddiejaoude]

Sorry I should have said, it is random, it sometimes works and sometimes does not 🤦‍♂️ - it makes it very hard to debug and reproduce consistently 😞

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.