| Summary: | CSS property "white-space: pre-line" causes all the svg <text> tag lines to overlap | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Said Abou-Hallawa <sabouhallawa> | ||||||||
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> | ||||||||
| Status: | RESOLVED CONFIGURATION CHANGED | ||||||||||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, mmaxfield, rniwa, webkit-bug-importer, zimmermann | ||||||||
| Priority: | P2 | Keywords: | InRadar | ||||||||
| Version: | 528+ (Nightly build) | ||||||||||
| Hardware: | Unspecified | ||||||||||
| OS: | Unspecified | ||||||||||
| Attachments: |
|
||||||||||
Created attachment 242418 [details]
Expected file
Created attachment 460894 [details]
Safari 15.5 differs from other browsers
I am able to reproduce this bug in Safari 15.5 on macOS 12.4 based on attached test case. It is different across all browsers but the expected output is across Firefox Nightly 104 as can be seen from attached screenshot. Thanks!
Fixed in STP161. :-) Marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! |
Created attachment 242417 [details] Test first-line style element with the svg <text> element. Open the attached file and compare it with the expected. They should be identical. Adding "white-space: pre-line" to the style attribute of the <text> element should cause the text to wrap to different lines. In WebKit, the wrapping happens but all the lines are displayed with the same vertical position which causes them to overlap. NOTE: The attached file is an imported test from Mozilla test suite for svg.