Bug 274208

Summary: text/tspan incorrectly positioned in 2023.stateofhtml.com logo (probably transformed-origin issue)
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, sabouhallawa, simon.fraser, webkit-bug-importer, zimmermann
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Other   
Hardware: Unspecified   
OS: Unspecified   
URL: https://2023.stateofhtml.com/en-US
Attachments:
Description Flags
rendering in safari, firefox, chrome
none
webarchive of current site.
none
full logo none

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.