Bug 13476 – Line box is misplaced for an anchor containing a positioned image

• Component: Layout and Rendering
• Status: RESOLVED FIXED

[David Kilzer (:ddkilzer)]

* SUMMARY
When using the WebInspector, inspecting an anchor that contains a positioned image causes the red hightlight rect to be drawn in the wrong place (e.g., where the image would be if it were not positioned).

* STEPS TO REPRODUCE
1. Open Safari/WebKit.
2. Open the attached test case.
3. Right-click on the image, select "Inspect Element".

* EXPECTED RESULTS
The red highlight should be drawn around the image on the screen.

* ACTUAL RESULTS
The red highlight draws where the image would be if it was not set to "position: absolute".

* REGRESSION
I doubt that this is a regression from shipping Safari, but I don't have an easy way to test it without the Web Inspector.

* NOTES
- The red highlight rect is also mispositioned if the style is "position: relative" instead of "position: absolute".  The "position: fixed" style is also mispositioned, but the "position: static" style is not.

[David Kilzer (:ddkilzer)]

Created attachment 14164 [details]
Test case

[David Kilzer (:ddkilzer)]

Created attachment 18043 [details]
Test case with colored div

Test case with colored div.

Next attachment will be a screenshot with Web Inspector highlighting showing the bug.

[David Kilzer (:ddkilzer)]

Created attachment 18044 [details]
Screenshot of test case v2 anchor tag highlighted in Web Inspector

* STEPS TO REPRODUCE
1. Open test case v2 (Attachment #18043 [details]).
2. Right-click on image and open Web Inspector.
3. Click on anchor tag <a> to highlight it.
4. Highlighting similar to this screenshot appears.

[Robert Hogan]

I can no longer reproduce this.