Bug 219381 - `white-space: break-spaces` behaves unexpectedly for text-align center and right values
Summary: `white-space: break-spaces` behaves unexpectedly for text-align center and ri...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-11-30 17:24 PST by shalanah
Modified: 2020-12-01 13:54 PST (History)
7 users (show)

See Also:


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

Note You need to log in before you can comment on or make changes to this bug.
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>