Bug 270737 - [LegacySVG] Transformed (rotated) text in SVG is not displayed correctly or not displayed at all
Summary: [LegacySVG] Transformed (rotated) text in SVG is not displayed correctly or n...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Apple Silicon) macOS 14
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2024-03-09 04:29 PST by Alexey Karimov
Modified: 2024-03-16 05:30 PDT (History)
6 users (show)

See Also:


Attachments
Sample SVG file which shows the problem with transformed text (24.59 KB, image/svg+xml)
2024-03-09 04:29 PST, Alexey Karimov
no flags Details
Sample SVG file viewed in Firefox (191.80 KB, image/png)
2024-03-09 04:31 PST, Alexey Karimov
no flags Details
Sample SVG file viewed in Safari Technology Preview (113.39 KB, image/png)
2024-03-09 04:31 PST, Alexey Karimov
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Alexey Karimov 2024-03-09 04:29:31 PST
Created attachment 470257 [details]
Sample SVG file which shows the problem with transformed text

SVG chart with transformed text is not rendered correctly. In particular, the bar labels are not positioned properly.

Please, see the attached file (please ignore the lack of styling, the chart was extracted from a page where it was displayed as a minimal reproduction sample).

In Chrome and Firefox it's being rendered correctly, while in Safari it is not. Tried both in Safari (stable) and Safari Technology Preview
Comment 1 Alexey Karimov 2024-03-09 04:31:07 PST
Created attachment 470259 [details]
Sample SVG file viewed in Firefox
Comment 2 Alexey Karimov 2024-03-09 04:31:51 PST
Created attachment 470260 [details]
Sample SVG file viewed in Safari Technology Preview
Comment 3 Alexey Karimov 2024-03-09 04:33:47 PST
Here is the version of Safari Technology Preview the issue was encountered in:

Release 190 (Safari 17.4, WebKit 19619.1.5.5.2)

And AFAICT, this same issue was in earlier versions too. Stable Safari (17.4) also has this issue, so it doesn't seem to be a regression.
Comment 4 Ahmad Saleem 2024-03-09 15:57:21 PST
Just to update - Layer-based SVG engine works and this bug is reproducible in Legacy SVG Engine on WebKit ToT (275874@main).
Comment 5 Radar WebKit Bug Importer 2024-03-16 05:30:15 PDT
<rdar://problem/124770173>