Emacs triggers bugs in SVG implementations

Firefox screenshot after rendering the page

Firefox screenshot after rendering the page

OK, I better start by stating this post’s title is actually a pun: as far as I know, Emacs doesn’t cause any interoperability issues with SVG implementations, but I thought like a sensationalist headline from time to time won’t hurt… :-D

Today I stumbled across emacsformacosx.com, a nice HTML+SVG use-case: HTML for the actual text content and SVG for visual improvements, which would degrade whenever no support is available (Internet Explorer, essentially). Unfortunately, the site seems to have triggered a few bugs in several implementations… :-|

Firefox rendering issue in pen clip

Firefox rendering issue in pen clip

In a Firefox 3.6a nightly build:

In a Firefox 3.0.x previous release:

  • The pen clip only shows up when triggering the context menu over the “Download” button (see bug 541883)
Opera rendering issue in text selection

Opera rendering issue in text selection

In an Opera 10.10b weekly build:

  • The whole drawing doesn’t even show up initially, usually only after forcing a page reload
  • Bringing up the context menu on the broken loaded image (only with the vertical gradient visible) and selecting “Original size” (to force a redraw) only displays the graphics: text portions are not (re)drawn
  • Selecting the text within the star from a line up to the line above shows text selection redraw issues

In Opera 9.64 release:

  • The whole drawing doesn’t even show up initially, usually only after forcing a page reload
  • Selecting the text within the star from a line up to the line above shows text selection redraw issues

(Behavior is similar to version 10.10, with the exception that using “Original size” to force a redraw actually works.)

IE8+ASV3 rendering issue in inline SVG

IE8+ASV6 rendering issue in inline SVG

Using Internet Explorer 8 RTM + ASV 6 (SVG viewer plug-in):

  • HTML+SVG integration on page breaks pretty bad

Note that, by default, IE8 doesn’t allow in-line SVG in HTML: this result was obtained using tweaked settings. An untouched IE installation will properly display the text-only version of the website.

At least WebKit behaved (surprisingly?) well! :-) Given that the site is for a Mac OS application download, I imagine the author was using Safari (which is built upon WebKit) and therefore might not have realized these small issues… ;-) (By the way, I’m contacting the author as soon as this post goes on-line.)

Update 2009-11-22: Added screenshot of the page rendering for posterity.
Update 2010-01-31: Added link to Firefox bug report; Fixed WebKit word case.

This entry was posted in Information Technology and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>