NEW 274208
text/tspan incorrectly positioned in 2023.stateofhtml.com logo (probably transformed-origin issue) 
https://bugs.webkit.org/show_bug.cgi?id=274208
Summary text/tspan incorrectly positioned in 2023.stateofhtml.com logo (probably tran...
Karl Dubost
Reported 2024-05-15 03:18:17 PDT
Created attachment 471410 [details] rendering in safari, firefox, chrome 1. Go to https://2023.stateofhtml.com/en-US 2. Look at the logo at the top center of the page Result: Text is shifted. The text which is shifted is inside an SVG <text x="1070" y="660" font-size="90" transform="rotate(30)" class="0"><tspan>S</tspan><tspan>T</tspan><tspan>A</tspan><tspan>T</tspan><tspan>E</tspan><tspan></tspan><tspan>O</tspan><tspan>F</tspan></text>
Attachments
rendering in safari, firefox, chrome (482.88 KB, image/png)
2024-05-15 03:18 PDT, Karl Dubost 		no flags
Details
webarchive of current site. (212.48 KB, application/x-webarchive)
2024-05-15 03:21 PDT, Karl Dubost 		no flags
Details
full logo (24.36 KB, image/svg+xml)
2024-05-15 03:25 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-05-15 03:18:25 PDT
<rdar://problem/128120149>
Karl Dubost
Comment 2 2024-05-15 03:21:22 PDT
Created attachment 471411 [details] webarchive of current site. Just in case they fix it.
Karl Dubost
Comment 3 2024-05-15 03:25:52 PDT
Created attachment 471412 [details] full logo Just the full logo file in SVG. It needs reduction.
Ahmad Saleem
Comment 4 2024-05-15 04:00:44 PDT
It works fine in Layer-based SVG engine. Just to flag.
Karl Dubost
Comment 5 2024-05-15 22:46:50 PDT
So Ahmad has tested and it's working in the version of the engine and this is related to transform-origin.
Note You need to log in before you can comment on or make changes to this bug.