1094048 - Firefox render SVG-icons different

Status: UNCONFIRMED

(Core :: Graphics, defect)

Description

[E. Hansen]

Attachment: samlede-filer.zip

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:33.0) Gecko/20100101 Firefox/33.0
Build ID: 20141027150301

Steps to reproduce:

Firefox render SVG-icons different in the same menu on my homepage

my homepage:
on an apache server (hotel)
CMS = Joomla! with a template named "allrounder 3"
the site is not published yet.
everything updated and ok.
I use Inkscape and Notepad++ as svg editor.

see attached files (the file is zipped with win7 build-in zip-function)

There is a main menu, as a line crossover the site, as usual, in this menu there is, on shift, an icon and a word for each choice. All icons are SVG (a shift to PNG, solve the problem, but I want SVG).

Up to firefox v.30 it worked fine, but after updating to the following versions some of the menu-sets are shown in to lines, it look like total failure, and I can't publish it.

The fault only appear in firefox browsers, and it had work fine in lower versions of firefox. I had look deeply in the SVG-code, but can't find any problems and everything seem to be fine, well, I'm just a beginner so who knows.

I have try it out in a XAMPP server too, it gives exactly the same result.

But again, it only appears in the latest versions of firefox, and not in other browsers, so what can it possible be?

Can it be firefox there is render some, but not all, svg differently from earlier, where it worked just fine?




Actual results:

the menu is partly divided in two lines
see file: in firefox.



Expected results:

the menu is in one line
see file: in Internet Explorer.

Comment 1

[Robert Longson [:longsonr]]

Please provide a minimal testcase. A 366Kb zipped file is unsuitable for investigation. Something with one or perhaps two icons in maybe. Make those icons as simple as possible too.

Comment 2

[E. Hansen]

(In reply to Robert Longson from comment #1)
> Please provide a minimal testcase. A 366Kb zipped file is unsuitable for
> investigation. Something with one or perhaps two icons in maybe. Make those
> icons as simple as possible too.

Thanks for the response

just to be sure what you are saying: Do you only want two icons? is it ok if you just take the "barretrKey-24.svg" and the "konvolut2-24.svg" only "konvolut2-24.svg" seems to work properly of these two and this is the smallest files. I can't reduce them without ruin the file structure, but if you prefers an output-file from svg-cleaner-program, without file-structure, I can make it to you. 

I don't have a HTML test-file, there can show the problem, maybe i can compose some, I have only seen the fault in my joomla-site as on the two screen-dumps.


By the way here is a list over filenames and corresponding menu-names:

avis-kaffe-icon-24-hvidbaggrund.svg => Home
barretrKey-24.svg => Admin
Firefox-logo2-24.svg => Firefox
kontakt-24.svg => Kontakt
konvolut2-24.svg => Konvolut
Laksegl-opgp-24.svg => Certifikat
sweat home2-24.svg => Sw home

or in menu-order:
avis-kaffe-icon-24-hvidbaggrund.svg => Home
kontakt-24.svg => Kontakt
sweat home2-24.svg => Sw home
barretrKey-24.svg => Admin
Laksegl-opgp-24.svg => Certifikat
konvolut2-24.svg => Konvolut
Firefox-logo2-24.svg => Firefox

(Some of the words is in danish language)

Comment 3

[Robert Longson [:longsonr]]

Ideally I'd like something a simple as possible that shows the issue. Every additional element in the files and every line of markup makes it more difficult to see what's wrong.

At the moment you're saying that there's a problem somewhere in 366kb of zipped site. That's a needle in a haystack. Get it down to a few dozen lines of code/markup and you're far more likely to see progress.

Comment 4

[Robert Longson [:longsonr]]

An additional helpful thing would be to find the regression range using http://mozilla.github.io/mozregression/

Comment 5

[E. Hansen]

Attachment: SVG-menu.zip

Now I have uploaded an HTML test case, but it is too simple to reproduce the error, and I'm not a good enough programmed to reproduce the fault under these circumstances. Maybe another can build on it.

Comment 6

[E. Hansen]

(In reply to Robert Longson from comment #3)
> Ideally I'd like something a simple as possible that shows the issue. Every
> additional element in the files and every line of markup makes it more
> difficult to see what's wrong.
> 
> At the moment you're saying that there's a problem somewhere in 366kb of
> zipped site. That's a needle in a haystack. Get it down to a few dozen lines
> of code/markup and you're far more likely to see progress.

No not really, the zipped file is just a collection of the svg-files and 2 screen-dumps, I think the error is in some of the SVG-files sines they are rendered differently and only in firefox.

See the new upload.

Comment 7

[E. Hansen]

(In reply to Robert Longson from comment #4)
> An additional helpful thing would be to find the regression range using
> http://mozilla.github.io/mozregression/

I don't know that tool, I will look at it.

Comment 8

[E. Hansen]

Attachment: firefox timeline.zip

Now I have tested older versions of firefox and made a list of what works and what does not. 
I hope it can help, and of course, if I can do some further tests, you can just say so.