| Summary: | SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | jamiec | ||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED CONFIGURATION CHANGED | ||||||
| Severity: | Normal | CC: | ahmad.saleem792, mmaxfield, simon.fraser, webkit-bug-importer, zalan, zimmermann | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari 11 | ||||||
| Hardware: | All | ||||||
| OS: | iOS 11 | ||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=249300 | ||||||
| Attachments: |
|
||||||
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! (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! |
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.