NEW 202588
[SVG] css translate transform with percentage value not working on <text> element
https://bugs.webkit.org/show_bug.cgi?id=202588
Summary [SVG] css translate transform with percentage value not working on <text> ele...
Aswin
Reported 2019-10-04 10:29:31 PDT
I have a simple SVG text element that has a translate CSS transform applied on it. When the any of the translate component tx or ty (translate(tx, ty)) is in percentage that percentage value is completely ignored.From the below example you can see that percentage translation works on other svg elements correctly. Test Case => https://codepen.io/niwsa/pen/oNNvRRj Tested with latest webkit build 250718.
Attachments
html with inline svg having a percentage translated <text> element (434 bytes, text/html)
2019-11-01 12:15 PDT, Aswin
no flags
Aswin
Comment 1 2019-10-04 10:35:31 PDT
The issue was also seen on when tested on iPad safari
Aswin
Comment 2 2019-11-01 12:15:48 PDT
Created attachment 382610 [details] html with inline svg having a percentage translated <text> element
Aswin
Comment 3 2019-11-01 12:17:51 PDT
Apologies for not including the test case reduction while filing.Just getting the hang of it:).Have attached the reduced test case
Radar WebKit Bug Importer
Comment 4 2022-07-01 13:29:36 PDT
Brent Fulgham
Comment 5 2022-07-01 13:29:47 PDT
Confirmed this is still present in iOS 16 Beta/macOS Ventura Beta.
Note You need to log in before you can comment on or make changes to this bug.