Bug 248877

Summary: REGRESSION (STP): Trailing whitespace causes text overflow with flexbox
Product: WebKit Reporter: Liam DeBeasi <ldebeasi>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Code reproduction none

Description Liam DeBeasi 2022-12-07 07:51:17 PST
Created attachment 463916 [details]
Code reproduction

Trailing whitespace is causing the text to overflow when it should not be. This appears to only happen when display: flex is used.

Steps to reproduce:

1. Open code reproduction on Safari for macOS.
2. Observe that only the third item has ellipses.

There are three .item elements in this test:
- The first element has no whitespace
- The second element has leading whitespace
- The third element has trailing whitespace


Other Information:

- I can reproduce this on Safari 16.4 for macOS or STP 156
- I cannot reproduce this on Safari 16.1 for macOS
- I cannot reproduce this on iOS 16.2 developer beta 4
- I cannot reproduce this in Chrome or Firefox
Comment 1 Radar WebKit Bug Importer 2022-12-07 19:22:09 PST
<rdar://problem/103100860>
Comment 2 zalan 2022-12-07 19:59:19 PST
Thank you for filing the bug report. This test case seems to have progressed on trunk.
Comment 3 zalan 2022-12-07 20:00:26 PST
progressed at https://commits.webkit.org/256045@main
Comment 4 zalan 2022-12-07 20:01:05 PST

*** This bug has been marked as a duplicate of bug 247081 ***
Comment 5 Liam DeBeasi 2022-12-08 06:35:51 PST
Thank you!