https://bugzilla.wikimedia.org/show_bug.cgi?id=59249
Web browser: ---
Bug ID: 59249
Summary: External link SVG-icons broken in Wikimedia production
due to mime-type confusion
Product: Wikimedia
Version: wmf-deployment
Hardware: All
OS: All
Status: NEW
Severity: normal
Priority: Unprioritized
Component: General/Unknown
Assignee: wikibugs-l@lists.wikimedia.org
Reporter: krinklem...@gmail.com
Classification: Unclassified
Mobile Platform: ---
Created attachment 14219
--> https://bugzilla.wikimedia.org/attachment.cgi?id=14219&action=edit
Screenshot of problem in production.
As of recently, we have SVG versions of the external link icons in MediaWiki.
These are embedded as base64 encoded data uris by CSSMin in ResourceLoader.
Locally, these are working fine for me. Comes out as:
background-image:
linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PD...
In production, however, they are broken.
E.g.: https://www.mediawiki.org/wiki/VisualEditor/Basic_example_worksheet#Links
background-image:
linear-gradient(transparent,transparent),url(data:application/xml;base64,PD...
I can consistently reproduce this in Chrome (latest stable). I eliminated other
causes by verifying that it breaks locally if I change the mime type in the CSS
manually, and visa versa by changing it to image/svg+xml in the browser console
when looking at production.
Not sure if this supposed to work according to the spec, but fact is, Chrome
(maybe other browsers as well) does not accept application/xml in data uris for
background images.
--
You are receiving this mail because:
You are the assignee for the bug.
You are on the CC list for the bug.
_______________________________________________
Wikibugs-l mailing list
Wikibugs-l@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
