1740930 - Scaling of embedded svg elements position subelements incorrectly

Status: NEW

(Core :: SVG, defect)

Description

[Magnus Raunio]

Steps to reproduce:

I ran the following code snippet in Firefox:

<svg width="800" height="15000">
<g transform="matrix(0,-5000,1,0,20,0)">
<rect fill="blue" height="20" width="1" x="-1.01"/>
<svg height="20" width="1" x="-1.01">
<rect fill="red" height="20" width="1" x="0" y="0"/>
</svg>
</g>
</svg>

Working example: https://jsfiddle.net/op68uLgz/1/

Actual results:

The red rect does not cover the blue rect in my example, instead the red rect is rendered slightly below the blue rect.

Expected results:

The red rect should have covered the blue rect, since both have the same final transform applied to them.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:jwatt, could you have a look please?

For more information, please visit auto_nag documentation.