Bug 24504 – webkitBoxShadow drawing is goofy for absolutely positioned elements

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

[Cabel Sasser]

A little drawing bug for Safari 4 (5528.16) -- and oh how I pray it's not a duplicate!

Using Javascript and webkitBoxShadow to dynamically set a shadow on an image (or element) causes some curious drawing problems. These problems do not exist in Safari 3.

Steps to Reproduce:
Use document.getElementById(element).style.webkitBoxShadow in Javascript to set a shadow property onto an element that is absolutely positioned.

Expected Results:
Shadow draws correctly.

Actual Results:
At first, the shadow does not appear to draw at all. But if the user clicks outside the window (and it loses focus), the shadow will draw. Or if the user selects text underneath the element, or scrolls the page, the shadow will draw.

Notes:
See URL for reproducible example. When clicking the second link, nothing appears to happen initially, but shadow will appear if you mess around with the window. Example works in Safari 3.

[David Smith]

This appears to work in trunk as of r41545. Can you reproduce the issue in a nightly build (nightly.webkit.org)?

[Cabel Sasser]

Confirmed: it works in the nightly. Thanks for catching that.

I'll look forward to Safari 4 Beta 2! :)

Long time user, first time bug filer: should I resolve this myself? WORKSFORME?

[Jeremy Dentel]

I can confirm this. :)

[David Smith]

Thanks for confirming that it's fixed :) I forget what the policy is on people closing bugs they filed, it's probably fine.