Bug 219381

Summary: `white-space: break-spaces` behaves unexpectedly for text-align center and right values
Product: WebKit Reporter: shalanah <shalanahfaith>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: bfulgham, mmaxfield, shalanahfaith, simon.fraser, smoley, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 14   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Chrome (87), FF (83), Safari (14.0) comparing break-spaces and text-alignment
none
Firefox-Safari-LFC none

shalanah
Reported 2020-11-30 17:24:09 PST
Created attachment 415083 [details] Chrome (87), FF (83), Safari (14.0) comparing break-spaces and text-alignment Safari 14 seems to have unexpected `white-space: break-spaces` behavior for both `right` and `center` `text-align`. Text align left seems to work as expected in Chrome and FF. I've attached a screenshot of a codepen. Codepen: https://codepen.io/shalanah/pen/XWjbarE Codepen Debug: https://cdpn.io/shalanah/debug/XWjbarE/WPALYRYvNEpk
Attachments
Chrome (87), FF (83), Safari (14.0) comparing break-spaces and text-alignment (252.40 KB, image/jpeg)
2020-11-30 17:24 PST, shalanah 		no flags
Details
Firefox-Safari-LFC (1.15 MB, image/png)
2020-12-01 08:45 PST, zalan 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2020-11-30 21:04:09 PST
Maybe an LFC line layout integration issue?
zalan
Comment 2 2020-12-01 08:45:45 PST
Created attachment 415137 [details] Firefox-Safari-LFC >Maybe an LFC line layout integration issue? No, it's not. This content has certain styles that make us fall back to legacy line layout. Actually it's progression in LFC (see the screenshot).
Radar WebKit Bug Importer
Comment 3 2020-12-01 13:54:40 PST
<rdar://problem/71865958>
Note You need to log in before you can comment on or make changes to this bug.