Last modified: 2014-04-27 22:53:26 UTC
The images for the thumbs do not work for me in Safari. The reason is the following: TypeError: 'undefined' is not an object (evaluating '$box.removeClass( 'mwe-popups-no-image-tri' ).find( 'image' )[0].setAttribute') The reason is that no <image> was added but a <img> instead. This is because some browsers (IE and safari) basically have a symbolic link from image to img in the HTML context. And that leads us to the 2nd problem, these elements are created using jQuery, but jQuery doesn't support element namespaces explicitly and because the image element will be created in the 'current' document context, it will thus create an HTML img element. What you need instead is something like: document.createElementNS('http://www.w3.org/2000/svg', 'image');
Created attachment 14887 [details] testcase
See also: http://stackoverflow.com/questions/11928566/img-vs-image-tag-in-html
*** Bug 63153 has been marked as a duplicate of this bug. ***
Change 122352 had a related patch set uploaded by Prtksxna: Use document.createElementNS for svg image https://gerrit.wikimedia.org/r/122352
Change 122352 merged by jenkins-bot: Use document.createElementNS for svg:image https://gerrit.wikimedia.org/r/122352
Can we close this?
Confirmed fixed on beta labs.
Thanks for fixing, it's fixed here.