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

Description shalanah 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
Comment 1 Simon Fraser (smfr) 2020-11-30 21:04:09 PST 
Maybe an LFC line layout integration issue?
Comment 2 zalan 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).
Comment 3 Radar WebKit Bug Importer 2020-12-01 13:54:40 PST 
<rdar://problem/71865958>