Broken icons in Safari PDF viewer

[csdbz]

Any ideas on why Chrome is rendering PDF viewer buttons but Safari isn't?

[OzzieIsaacs]

Have no idea, but it's also not working on iOS. Is there any error message in the developer/javascript console (don't know how it's called in safari).

[somel-web]

Here is the problem:
in chrome the url of svg are like this (-> ok)
https://xyz.com/static/css/libs/images/toolbarButton-viewThumbnail.svg
but in safari it's incorrect
https://xyz.com/read/446/images/toolbarButton-viewThumbnail.svg

/static/css/libs/ is replaced by /read/id_of_book

[OzzieIsaacs]

I doublechecked it. The old version of the reader (with the black background by default) worked well, the new one (the white background creates the problem). I tried updating to the newest version of pdf.js, but the problem still persists. I currently haven't figured out, why safari is having the problem, from my understanding Chrome, Firefox behalf correct.
There is one css file linking to the graphics. The standards say the root of the links shall be the location of the css file, safari takes the page where it's loaded from as it's root, this is the problem.
I did not find a solution to change the path to something which will work for Chrome, Firefox and Safari, and will also work for reverse proxy configurations.

[OzzieIsaacs]

Please update to the newest nightly version. For me it was working now

[somel-web]

Maybe this can help
mozilla/pdf.js#12942
The problem seems related to webkit (used is safari mac desktop and ALL browsers in IOS (safari/chrome/firefox…)

[somel-web]

IT WORKS !!
Just tested on ios but should be ok on safari mac desktop

[OzzieIsaacs]

Awesome. Thanks for finding the issue on the pdf.js. No help to expect from their side. I‘ll make a note on how to change the sources for the next pdf reader update

[somel-web]

Annother issue about webkit and pdf.js viewer css problems
mozilla/pdf.js#6685
One solution is to use a css filter like

@media all -webkit-device-pixel-ratio {….}
@media not -webkit-device-pixel-ratio {….}

https://stackoverflow.com/questions/15401375/css-media-check-if-not-webkit

[OzzieIsaacs]

The issue you are pointing to is claimed to be solved. Do you still have this problem?

[somel-web]

No it’s working, thanks a lot.
I didn’t want to reopen the issue but just leave a comment that could help for future debugging.
(Webkit related)

[OzzieIsaacs]

To me the icons seem sharp