Bug 152783

Summary: Flexbox with absolutely positioned ::after pseudo element incorrectly computes text length
Product: WebKit Reporter: Ben Frain <contact>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham
Priority: P2    
Version: WebKit Nightly Build   
Hardware: All   
OS: OS X 10.11   

Description Ben Frain 2016-01-06 03:25:54 PST
Here is a reduction of the issue:

http://codepen.io/benfrain/pen/mVWpMZ

In essence, a relatively positioned flex container with text inside and an absolutely positioned ::after pseudo element - this problem exhibits itself.

If I change to ::before pseudo element it goes away
If I make the internal text of the container BIGGER it goes away
If I use a different font-stack it goes away

Problem is not exhibited in other browsers.

Also the same on iOS and Safari desktop
Comment 1 Brent Fulgham 2022-07-14 15:17:55 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.