Bug 152783 – Flexbox with absolutely positioned ::after pseudo element incorrectly computes text length

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

[Ben Frain]

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

[Brent Fulgham]

Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.