Bug 209220

Summary:

[LegacySVG] SVG2: getScreenCTM(): ancestor CSS transform scale not applied

Product:

WebKit

Reporter:

Martin <martin.aumair>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

ahmad.saleem792, ian, michaeldo, rbuis, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann

Priority:

Keywords:

InRadar

Version:

Other

Hardware:

iPhone / iPad

OS:

iOS 12

Attachments:

Description	Flags
run demo on ios device and check console output	none
Expected result (Chrome)	none

Martin

Reported 2020-03-18 02:49:27 PDT

Created attachment 393829 [details] run demo on ios device and check console output Steps to reproduce the problem: 1. Visit https://jsfiddle.net/Lxj0cuso/2 or run attached demo with open console What is the expected behavior? Expected output: ctm.a= 2 ctm.d= 2 scale: 2 What went wrong? ios output: ctm.a= 1 ctm.d= 1 scale: 2 On windows running chrome the a and d value of the matrix represent the scale factor (2) On iOS the values are both 1 but the scale is applied correctly, Chrome version: 76.0.3809.81

Attachments
run demo on ios device and check console output (2.27 KB, text/html) 2020-03-18 02:49 PDT, Martin	no flags	Details
Expected result (Chrome) (18.53 KB, image/png) 2020-06-19 07:06 PDT, ian	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Alexey Proskuryakov

Comment 1 2020-03-18 17:55:50 PDT

I'm getting the reportedly incorrect output from Safari on macOS too.

Radar WebKit Bug Importer

Comment 2 2020-03-18 17:55:58 PDT

<rdar://problem/60611550>

ian

Comment 3 2020-06-19 07:06:35 PDT

Created attachment 402280 [details] Expected result (Chrome) https://jsfiddle.net/z8y6bcrg/3/

ian

Comment 4 2020-06-19 07:07:03 PDT

I think I've run into the same issue but with a rotation on the ancestor.

ian

Comment 5 2020-06-20 11:59:34 PDT

I may be wrong about this, but given that both getScreenCTM() and getBoundingClientRect() fail under one condition or another (https://bugs.webkit.org/show_bug.cgi?id=212640), there doesn't appear to be any way to reliably translate a coordinate from a responsive SVG to client space...

michaeldo

Comment 6 2022-06-27 11:25:33 PDT

This still appears broken in iOS 15.5. Have there been any updates on rdar://problem/60611550 which can be shared here?

Ahmad Saleem

Comment 7 2022-09-21 23:18:10 PDT

*** Safari 16 on macOS 12.6 *** ctm.a= 1 ctm.d= 1 scale: 2 *** Safari Technology Preview 154 *** ctm.a= 1 ctm.d= 1 scale: 2 *** Firefox Nightly 107 *** ctm.a= 1 ctm.d= 1 scale: 2 *** Chrome Canary 108 *** ctm.a= 2 ctm.d= 2 scale: 2 ____ Just wanted to share updated results. Thanks! Is it something LBSE might fix?

Nikolas Zimmermann

Comment 8 2022-09-22 00:29:27 PDT

Indeed fully fixed in LBSE - but not upstreamed yet. I also have new test cases for various scenarios. Stay tuned

Note You need to log in before you can comment on or make changes to this bug.