GNOME Bugzilla – Bug 665648
SVG contains invalid CSS, makes text clipped in Firefox and Opera
Last modified: 2011-12-17 14:18:04 UTC
How to repeat: For this dia file, http://dl.dropbox.com/u/2484898/Test/test.dia Export it to SVG, http://dl.dropbox.com/u/2484898/Test/test.svg In Firefox 8.0 and Opera 11.52, the right most text, "Screen" is clipped. The ending letter "n" is displayed as "r". Checking with W3C validator The SVG markup is valid. http://is.gd/QKNGHR The CSS embedded in the SVG is not. http://is.gd/weu1Et Discussion with Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=707071
Created attachment 203727 [details] SVG renderer with font-size as attribute Thanks for bringing this up again (see bug 655718 for initial report). But this time the discussion at Firefox brought up the IMO right solution. Rather than adding some random absolute unit within the style attribute, I've changed the font-size to be in it's own attribute. This way the value can be calculated like all the other sizes in the file and it still works with Dia and Inkscape. But finally also with Firefox.
Fix pushed to dia-0-97 branch, see: http://git.gnome.org/browse/dia/commit/?h=dia-0-97&id=80d8d5ec9e9668ea3fbb979fdcf3bf1d7cee57ac
*** Bug 655718 has been marked as a duplicate of this bug. ***