1568370 - [motion-1] Incorrect motion path on SVG layout when transform-box is fill-box

Status: RESOLVED FIXED

(Core :: CSS Transitions and Animations, defect, P3)

Description

[Boris Chiou [:boris]]

Attachment: example

The position of the box is not correct if it is on SVG layout and its offset is different from top-left, x=0 y=0. It seems we don't take the SVG offset into consideration when calculating the position of the anchor point [1].

[1] https://searchfox.org/mozilla-central/rev/40e889be8ff926e32f7567957f4c316f14f6fbef/layout/base/nsLayoutUtils.cpp#10156-10157

Comment 1

[Boris Chiou [:boris]]

Attachment: Bug 1568370 - Fix the alignment of offset-anchor with offset-path.

When we use SVG layout, and the transform-box is fill-box, the position
of the object is affected by the SVG offset (i.e. x and y values), so we
don't move the object along with the path. We have to tweak the anchor
point to make sure the position is correct.

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/b59c437f5d61
Fix the alignment of offset-anchor with offset-path. r=jwatt

Comment 3

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/18130 for changes under testing/web-platform/tests

Comment 4

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.

Comment 5

[Raul Gurzau (:RaulG)]

https://hg.mozilla.org/mozilla-central/rev/b59c437f5d61

Comment 6

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged