189790 2018-09-20 09:07:00 -0700 SVG text with spaces overlaps on itself with white-space: pre-wrap or pre-line 2023-01-12 15:55:56 -0800 1 1 1 Unclassified WebKit SVG Safari 11 All iOS 11 RESOLVED CONFIGURATION CHANGED https://bugs.webkit.org/show_bug.cgi?id=249300 InRadar P2 Normal --- 1 jamiec webkit-unassigned ahmad.saleem792 mmaxfield simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1461364 0 350212 jamiec 2018-09-20 09:07:00 -0700 Created attachment 350212 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. 1480650 1 webkit-bug-importer 2018-11-20 19:01:25 -0800 <rdar://problem/46193460> 1900482 2 ahmad.saleem792 2022-09-22 16:06:52 -0700 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! 1925179 3 ahmad.saleem792 2023-01-12 15:55:56 -0800 (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! 350212 2018-09-20 09:07:00 -0700 2018-09-20 09:07:00 -0700 Example comparing different white-space settings SVG Text.svg image/svg+xml 521 jamiec PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgb3ZlcmZsb3c9InZpc2libGUiIGhlaWdodD0iMjUw IiB3aWR0aD0iNDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHRl eHQgZm9udC1zaXplPSIxMXB4IiB4PSIxODYuNSIgeT0iNDAiIHN0eWxlPSJkaXJlY3Rpb246IGx0 cjsgd2hpdGUtc3BhY2U6IHByZS13cmFwOyI+cHJlLXdyYXAgNTAgJTwvdGV4dD4KICAgIDx0ZXh0 IGZvbnQtc2l6ZT0iMTFweCIgeD0iMTg2LjUiIHk9IjgwIiBzdHlsZT0iZGlyZWN0aW9uOiBsdHI7 IHdoaXRlLXNwYWNlOiBwcmUtbGluZTsiPnByZS1saW5lIDUwICU8L3RleHQ+CiAgICA8dGV4dCBm b250LXNpemU9IjExcHgiIHg9IjE4Ni41IiB5PSIxMjAiIHN0eWxlPSJkaXJlY3Rpb246IGx0cjsg d2hpdGUtc3BhY2U6IHByZTsiPnByZSA1MCAlPC90ZXh0PgogICAgPHRleHQgZm9udC1zaXplPSIx MXB4IiB4PSIxODYuNSIgeT0iMTYwIiBzdHlsZT0iZGlyZWN0aW9uOiBsdHI7Ij41MCAlPC90ZXh0 Pgo8L3N2Zz4=