(Copied from https://code.google.com/p/chromium/issues/detail?id=568851) Discovered on a live site (http://www.eset.com.br/download/free-trial/nod32-antivirus) - Edge and Firefox match on both live site and reduction. Reduction: https://jsfiddle.net/x4dohcak/ The text in the span is positioned with text-indent, but the background and border box looks to be statically positioned. Note: I don't have Safari available, but colleague of mine confirmed the repro on Safari.
It looks like that "list-style: none" throws us off of positioning the box properly. When the list-style is set to default (or square, etc), box is moved off to the left.
Created attachment 272044 [details] Test reduction This is a more generic case where we end up ignoring the text-indent for the absolute positioned child (with static positions) when the line does not have any other content.
Patch is coming up.
Created attachment 272076 [details] Patch
related bug 154628
Comment on attachment 272076 [details] Patch Clearing flags on attachment: 272076 Committed r197030: <http://trac.webkit.org/changeset/197030>
All reviewed patches have been landed. Closing bug.