Bug 152783 - Flexbox with absolutely positioned ::after pseudo element incorrectly computes text length
Summary: Flexbox with absolutely positioned ::after pseudo element incorrectly compute...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All OS X 10.11
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-01-06 03:25 PST by Ben Frain
Modified: 2016-01-06 03:25 PST (History)
0 users

See Also:


Attachments

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