RESOLVED CONFIGURATION CHANGED 189790
SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line
https://bugs.webkit.org/show_bug.cgi?id=189790
Summary SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line
jamiec
Reported 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.
Attachments
Example comparing different white-space settings (521 bytes, image/svg+xml)
2018-09-20 09:07 PDT, jamiec
no flags
Radar WebKit Bug Importer
Comment 1 2018-11-20 19:01:25 PST
Ahmad Saleem
Comment 2 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!
Ahmad Saleem
Comment 3 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!
Note You need to log in before you can comment on or make changes to this bug.