Closed Bug 1568370 Opened 1 year ago Closed 1 year ago

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

Categories

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

defect

Tracking

()

RESOLVED FIXED
mozilla70
Tracking Status
firefox70 --- fixed

People

(Reporter: boris, Assigned: boris)

References

(Blocks 1 open bug)

Details

Attachments

(2 files)

Attached file 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

Attachment #9080200 - Attachment mime type: text/plain → text/html
Summary: [motion-1] Incorrect motion path on SVG layout → [motion-1] Incorrect motion path on SVG layout when transform-box is fill-box

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.

Attachment #9080764 - Attachment description: Bug 1568370 - Fix incorrect position for motion-path with fill-box. → Bug 1568370 - Fix the alignment of offset-anchor with offset-path.
Assignee: nobody → boris.chiou
Blocks: 1559231
Pushed by bchiou@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/b59c437f5d61
Fix the alignment of offset-anchor with offset-path. r=jwatt
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/18130 for changes under testing/web-platform/tests
Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.
Status: NEW → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → mozilla70
Upstream PR merged
You need to log in before you can comment on or make changes to this bug.