Bug 154019

Summary: Background of an absolutely positioned inline element inside text-indented parent is positioned statically
Product: WebKit Reporter: bbrinza <bbrinza>
Component: Layout and RenderingAssignee: zalan <zalan>
Status: RESOLVED FIXED    
Severity: Normal CC: commit-queue, esprehn+autocc, glenn, hyatt, kondapallykalyan, simon.fraser, zalan
Priority: P2 Keywords: FromImplementor
Version: Safari 9   
Hardware: All   
OS: All   
Attachments:
Description Flags
Test reduction
none
Patch none

Description bbrinza@microsoft.com 2016-02-08 16:31:53 PST
(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.
Comment 1 zalan 2016-02-16 10:02:53 PST
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.
Comment 2 zalan 2016-02-23 12:53:15 PST
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.
Comment 3 zalan 2016-02-23 12:53:30 PST
Patch is coming up.
Comment 4 zalan 2016-02-23 19:24:13 PST
Created attachment 272076 [details]
Patch
Comment 5 zalan 2016-02-23 20:22:40 PST
related bug 154628
Comment 6 WebKit Commit Bot 2016-02-24 09:13:28 PST
Comment on attachment 272076 [details]
Patch

Clearing flags on attachment: 272076

Committed r197030: <http://trac.webkit.org/changeset/197030>
Comment 7 WebKit Commit Bot 2016-02-24 09:13:32 PST
All reviewed patches have been landed.  Closing bug.