333528 - ChessGML SVG transform works in Adobe, fails in Mozilla

Status: RESOLVED INCOMPLETE

(Tech Evangelism Graveyard :: English US, defect)

Description

[Skewer]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

Please move this to Tech Evangelism if this is a bug in the SVG code, not the SVG component in Mozilla (but I doubt it, because it was written by a W3C member!).

As you can probably see, in FireFox 1.5 the SVG image does not render properly at all. In particular, text is too large and the pieces appear as huge letters.

The SVG renders as expected using IE6 and Adobe SVG Viewer. It features chess pieces and is animated.

Reproducible: Always

Steps to Reproduce:
1. View SVG in Mozilla FireFox.
2.
3.

Actual Results:  
Fonts too large, huge letters instead of pieces.

Expected Results:  
Animated chess pieces.

Comment 1

[Jonathan Watt [:jwatt]]

> Please move this to Tech Evangelism if this is a bug in the SVG code, not the
> SVG component in Mozilla (but I doubt it, because it was written by a W3C
> member!).

Heh-heh. Well it's at least broken in that it uses CSS and passes unitless numbers as values for <length> properties. See:

  http://jwatt.org/svg/authoring/#the-style-attribute

But even if they fix that it still won't work until Mozilla Firefox 3.0 because we don't support declarative animation yet, but that's bug 216462.

-> Tech Evangelism for the font-size issue.

Comment 2

[Skewer]

Ooooh... Now who has the task of contacting this W3C member to tell him he is wrong? ;)

Comment 3

[Andre-John Mas]

Further investigation makes me wonder whether that is the only issue? Is the font data even fetched? If anyone can show the steps to make it work, ignoring the animation issue, which is relatively minor, then it could serve as useful example.

Comment 4

[Andre-John Mas]

Looking at the source here:

http://people.w3.org/maxf/ChessGML/immortal.svg

there is a block that starts with:

  <g style="font-family: ChessSophia; font-size: 10; fill: black" text-anchor="middle">
    <text id="A" x="5.5" y="79" >
      <tref id="AFace" xlink:href="#whiteRook"/>
    </text>
    <text id="B" x="15.5px" y="79px">
      <tref id="BFace" xlink:href="#whiteKnight"/>
    </text>

A little experimentation shows tha the font-family is being ignored in the style (other browsers seem to support this) and the only way around it is to use the 'font-family' attribute of the text element. 

    <text id="B" x="15.5px" y="79px" font-family="ChessSophia">
      <tref id="BFace" xlink:href="#whiteKnight"/>
    </text>

This would appear to be an omission.

As a side note Safari 3.1, on MS-Windows XP, renders the original page perfectly without modification to the source.

Comment 5

[Andre-John Mas]

Attachment: SVG page source in question

Have attached the original SVG in question, in case the referenced page changes.

Comment 6

[Chris Lawson (gone)]

INCOMPLETE due to lack of activity since the end of 2009.

If someone is willing to investigate the issues raised in this bug to determine whether they still exist, *and* work with the site in question to fix any existing issues, please feel free to re-open and assign to yourself.

Sorry for the bugspam; filter on "NO MORE PRE-2010 TE BUGS" to remove.