1158882 - id with dash doesn't work, in SVG/SMIL begin attribute

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[mat.dutour]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.37 Safari/537.36

Steps to reproduce:

Using an id with a dash in a svg's begin attribute http://codepen.io/mathieudutour/pen/xGbpKy


Actual results:

not beginning
http://codepen.io/mathieudutour/pen/xGbpKy


Expected results:

beginning
http://codepen.io/mathieudutour/pen/xGbpKy

Comment 1

[Daniel Holbert [:dholbert]]

Interestingly, Opera 12.16 fails this test as well -- so they have the same bug.

I verified that I can fix the codepen simply by tweaking the IDs to not have hyphens. (i.e. s/big-circle/bigcircle/, s/small-circle/smallcircle/)  So the hyphen is indeed causing the problem here.

Comment 2

[Daniel Holbert [:dholbert]]

Blink fails as well. (Chrome version 44.0.2376.0 dev (64-bit))

Comment 3

[Robert Longson [:longsonr]]

It's not a bug a - is treated as the beginning of a number. Something valid would be -1s

Comment 4

[Brian Birtles (:birtles)]

You have to escape dashes in IDs.

  http://www.w3.org/TR/smil-animation/#Timing-ParsingTimeSpecifiers

This works in Firefox, not sure about other browsers. Test case is here:

  https://dxr.mozilla.org/mozilla-central/source/dom/smil/test/test_smilSyncbaseTarget.xhtml#55

Comment 5

[mat.dutour]

Good to know! thanks