Bug 28718 – REGRESSION: Images May Disappear if inside an element that is position:relative and display:inline

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Joseph Pecoraro]

Created attachment 38570 [details]
Resize the Browser to be Shorter then the Image and it disappears

If an image is itself position:relative or contained inside an element that is position:relative it may not paint if the browser's view port doesn't contain the full image.  This can cause weird painting issues on a regular webpage such as http://www.creativenotice.com/html-5-humor

View of the attached regression in Safari 4.0.3 (Expected Behavior):
http://tr.im/x6r4?grabup

View of the attached reduction in WebKit r47686 (Bad Behavior):
http://tr.im/x6qV?grabup

<rdar://problem/7169310>

[Joseph Pecoraro]

Refined even further, it seems as though it may also be specific to an <a> tag.  My latest tests showed that:

Displays Correctly:

  <div style="position:relative">
    <img ... />
  </div>

Displays Incorrectly:

  <a style="position:relative">
    <img ... />
  </a>

[Joseph Pecoraro]

Arg, spoke too soon!  It fails in a span, and so I tried display:inline and indeed this fails too:

  <div style="display:inline;position:relative">
    <img ... />
  </div>

"inline-block" and "block" both worked correctly, so hopefully this is specific to  inline.

[Dave Hyatt]

Created attachment 38636 [details]
Patch

[Simon Fraser (smfr)]

Is bug 28700 the same issue?

[Dave Hyatt]

No, that bug actually occurs on Snow Leopard.

[Eric Seidel (no email)]

Comment on attachment 38636 [details]
Patch

Can't we make a test for this?  It seems the test is more important than the code change in this sort of bug.

[Dave Hyatt]

Comment on attachment 38636 [details]
Patch

Dan reviewed this.

[Dave Hyatt]

Fixed in r47798.