Bug 152783
| Summary: | Flexbox with absolutely positioned ::after pseudo element incorrectly computes text length | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ben Frain <contact> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Normal | CC: | bfulgham |
| Priority: | P2 | ||
| Version: | WebKit Nightly Build | ||
| Hardware: | All | ||
| OS: | OS X 10.11 | ||
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Brent Fulgham
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.