Bug 189790 - SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line
Summary: SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 11
Hardware: All iOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-09-20 09:07 PDT by jamiec
Modified: 2023-01-12 15:55 PST (History)
6 users (show)

See Also:


Attachments
Example comparing different white-space settings (521 bytes, image/svg+xml)
2018-09-20 09:07 PDT, jamiec
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description jamiec 2018-09-20 09:07:00 PDT
Created attachment 350212 [details]
Example comparing different white-space settings

When white-space is set to pre-wrap or pre-line, an SVG text element's contents that includes spaces "wraps" and overlaps onto itself. The attached examples should all display without overlap, the same as when white-space is set to pre or normal. The issue doesn't happen in Chrome, Firefox, Edge or IE.

Reproduced in Safari 12.0 (13606.2.11) and in Safari Technology Preview 65 (Safari 12.1, WebKit 13607.1.5.2) on macOS 10.13.6, and in iOS 11 and 12.
Comment 1 Radar WebKit Bug Importer 2018-11-20 19:01:25 PST
<rdar://problem/46193460>
Comment 2 Ahmad Saleem 2022-09-22 16:06:52 PDT
I am able to reproduce this bug in Safari Technology Preview 154 and the first two lines have text jumbled.

pre-wrap 50 %
pre-line 50 %

While other browsers (Chrome Canary 108 and Firefox Nightly 107) are working fine and have text appear properly. Thanks!
Comment 3 Ahmad Saleem 2023-01-12 15:55:56 PST
(In reply to Ahmad Saleem from comment #2)
> I am able to reproduce this bug in Safari Technology Preview 154 and the
> first two lines have text jumbled.
> 
> pre-wrap 50 %
> pre-line 50 %
> 
> While other browsers (Chrome Canary 108 and Firefox Nightly 107) are working
> fine and have text appear properly. Thanks!

Both of these cases are now fixed in Safari Technology Preview 161 due to Bug 249300.

Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks!