1927186 - transform: matrix() doesn't play well with CSS zoom (translation components not zoomed)

Status: NEW

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Vincenzo Mantova]

Attachment: firefox-svg-no-zoom.png

Steps to reproduce:

Apply the CSS zoom property to an inline SVG image. Small example https://codepen.io/xworld21/pen/poMpvxz, screenshots attached.

Actual results:

In the example, the stroke width does not scale unless it has been specified with the attribute stroke-width, and the foreign object is in the wrong position.

Expected results:

The zoom property should rescale the image consistently (the default stroke width should change, the foreign object should remain within the circles).

Comment 1

[Vincenzo Mantova]

Attachment: firefox-svg-zoom-x2.png

Comment 2

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

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

Comment 3

[Emilio Cobos Álvarez (:emilio)]

Attachment: Simpler test-case for the transform issue

The <foreignObject> thing isn't SVG-specific. We're not zooming the tx/ty values of transform matrices, which is a more general bug. The SVG stroke-width bit is bug 1887627 (affects all inherited lengths really).

Let's repurpose this bug for the transform issue.