309549 - some inline svg images are not displayed when page contains multiple inline svg images

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[David Starke]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4

On some pages with multiple inline svg images, some of the images do not show up
on the page.  I have created a sample page which illustrates this problem at
http://davidstarke.com/bugs/multiple_inline_svg.xhtml .  There should be a
circle next to every letter, but no circle shows up next to "f".

Reproducible: Always

Steps to Reproduce:
1. go to http://davidstarke.com/bugs/multiple_inline_svg.xhtml
2.
3.

Actual Results:  
Circles appear next to every letter except "f"

Expected Results:  
Circles should appear next to every letter.

Comment 1

[Hermann Schwab]

wfm Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4
wfm Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.9a1) Gecko/20050920 SeaMonkey/1.1a

The testcase is pretty simple, 6 identical divs differing only in the letter a
through f. 
Here you see the bug on the last div, on the 6th div, on the div containing only
letter f.
If you add a div 'g', will the circle be seen at 'f', but not at 'g'?
if you replace f by e, so the last two divs are named e, will the circle be
shown on the first e, but not the last one, or both of them?

Comment 2

[David Starke]

Adding more divs to the end of the document does not appear to change the
rendering of earlier divs.   If div "g" is added, the circle with "f" still does
not show up and "a"-"e" still do.  However, the circle next to "g" does not show
up.  When more divs are added, the circles next to"h" and "i" do not show up
either, but "j" and "k" do.

Changing the letter used for the label has no effect on the rendering of the
circles.  The circle in the 6th div does not show up whether the text in the div
is "f" or "e" or not present.

Comment 3

[Boris Zbarsky [:bzbarsky]]

This works fine for me in a current trunk build.  Is this still an issue?

Comment 4

[Cory Dodt]

wfm in ff2.0

Comment 5

[Jonathan Watt [:jwatt]]

Brian, can you confirm the testcase renders all six circles in a current trunk build on Mac?

Comment 6

[Brian Ewins]

Gecko/2007110903 Firefox/3.0b1(In reply to comment #5)
> Brian, can you confirm the testcase renders all six circles in a current trunk
> build on Mac?
> 

WFM
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9b1) Gecko/2007110903 Firefox/3.0b1
also WFM in
Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-GB; rv:1.8.1.9) Gecko/20071025 Firefox/2.0.0.9
though the layout is a bit different - on trunk the circles are below the letters, on branch they're to the right.

Comment 7

[Jonathan Watt [:jwatt]]

Thanks Brian!

So the intent I guess was to have the circles to the right of the letters, but having them rendered underneath is actually the correct rendering of the testcase. Although <svg> is display:inline by default, it has an implicit (default) width of 100%. As a result all the <svg> instances are forced onto the next line because they don't fit after the letters.

Closing as worksforme. Thanks again!

Comment 8

[Jonathan Watt [:jwatt]]

Attachment: David's testcase

Attaching testcase in case it disappears from David's Web server at some point in the future.

Comment 9

[Jonathan Watt [:jwatt]]

Attachment: David's testcase