Bug 266832 - Curved SVG textpath doesn't render unicode text/font properly on Apple devices
Summary: Curved SVG textpath doesn't render unicode text/font properly on Apple devices
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 17
Hardware: iPhone / iPad iOS 17
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/yb8ndv4c/show
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-12-22 19:46 PST by Sudhakar Anivella
Modified: 2024-09-14 07:04 PDT (History)
9 users (show)

See Also:


Attachments
SVG textpath unicode rendering issue screenshots and sample SVG (176.29 KB, application/zip)
2023-12-22 19:46 PST, Sudhakar Anivella
no flags Details
Testcase (317.37 KB, image/svg+xml)
2023-12-23 08:26 PST, Ahmad Saleem
no flags Details
rendering in safari, firefox, chrome (117.80 KB, image/png)
2023-12-24 20:16 PST, Karl Dubost
no flags Details
Test Case - as attachment (317.36 KB, image/svg+xml)
2024-09-14 07:04 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Sudhakar Anivella 2023-12-22 19:46:31 PST
Created attachment 469183 [details]
SVG textpath unicode rendering issue screenshots and sample SVG

I am trying to render Unicode text (Telugu) on a curved SVG textPath. Text on textPath is not rendered properly on apple devices (Safari as well as Chrome), characters do not cluster as expected, where as text using rendered properly.

Where as same SVG code is workign as expected with Firefox and Chrome on Linux. Refer attached screenshots and SVG sample.
Comment 1 Ahmad Saleem 2023-12-23 08:26:48 PST
Created attachment 469190 [details]
Testcase
Comment 2 Sudhakar Anivella 2023-12-23 19:16:23 PST
Comment on attachment 469190 [details]
Testcase

@ahmad.saleem792 I think testcase_266832.svg contains first line as blank line. You may want to remove it to prevent "XML Parsing Error: XML or text declaration not at start of entity"
Comment 3 Ahmad Saleem 2023-12-23 19:17:06 PST
(In reply to Sudhakar Anivella from comment #2)
> Comment on attachment 469190 [details]
> Testcase
> 
> @ahmad.saleem792 I think testcase_266832.svg contains first line as blank
> line. You may want to remove it to prevent "XML Parsing Error: XML or text
> declaration not at start of entity"

Yes - I marked it as 'obsolete' and added 'JSFiddle' in URL field. :-)
Comment 4 Sudhakar Anivella 2023-12-23 19:39:56 PST
Thank you!
Comment 5 Karl Dubost 2023-12-24 20:16:27 PST
Created attachment 469195 [details]
rendering in safari, firefox, chrome

Safari Technology Preview  184           19618.1.7.1.1
Firefox Nightly            123.0a1       12323.12.24
Google Chrome Canary       122.0.6205.0  6205.0
Comment 6 Radar WebKit Bug Importer 2023-12-29 19:47:12 PST
<rdar://problem/120284006>
Comment 7 Ahmad Saleem 2024-09-14 07:04:58 PDT
Created attachment 472555 [details]
Test Case - as attachment