Bug 202588

Summary: [SVG] css translate transform with percentage value not working on <text> element
Product: WebKit Reporter: Aswin <vaswin91>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, monfera.robert, sabouhallawa, webkit-bug-importer, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
Attachments:
Description Flags
html with inline svg having a percentage translated <text> element none

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
Details
View All Add attachment proposed patch, testcase, etc.
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
<rdar://problem/96311393>
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.