1070774 - Transform translate not applied if defined twice on SVG, once in pixels, once in percentage

Status: RESOLVED DUPLICATE of bug 923193

(Core :: SVG, defect)

Description

[jabbrass]

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

Steps to reproduce:

{
  "application": {
    "name": "Firefox",
    "version": "32.0.2",
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:32.0) Gecko/20100101 Firefox/32.0"
}

I'm trying to apply CSS animations to SVG paths and group elements. 


Actual results:

If you run these Codepens in the browser, hopefully they demonstrate the issue.

Broken in FF, works in Chrome: http://codepen.io/anon/pen/kJmuf
Consisent across Chrome and FF without second translate: http://codepen.io/anon/pen/rkFqd


Expected results:

I believe the expected result should be that the second transform gets applied, and the result should match Chrome's rendering.

Comment 1

[Robert Longson [:longsonr]]

Is the animation required at all to demonstrate this issue? I.e. Does % transform work at all? Simplifying the testcase would help in trying to diagnose the issue.

Comment 2

[Robert Longson [:longsonr]]

just another transform-origin percentage example