[Webkit-unassigned] [Bug 15161] New: Box shadow clipped on elements created through DOM

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat Sep 8 08:53:40 PDT 2007


           Summary: Box shadow clipped on elements created through DOM
           Product: WebKit
           Version: 522+ (nightly)
          Platform: Macintosh Intel
        OS/Version: Mac OS X 10.4
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: alex at purefiction.net

If I create an element dynamically using the DOM, the shadow gets clipped
initially until the next time the page is rendered, eg. by resizing the window.
Sample code:

    var e = document.createElement("div");
    e.setAttribute("style", "-webkit-border-radius: 20px; -webkit-box-shadow:
10px 10px 20px rgba(0, 100, 255, 0.8);");
    e.style.position = "absolute";
    e.style.border = "solid 3px green";
    e.style.top = "100px";
    e.style.left = "100px";
    e.style.width = "100px";
    e.style.height = "100px";
    e.style.background = "#fff";
    e.id = "foo";

I am including a border radius here because it demonstrates how this is
probably a redraw region problem. Without the  rounded border, the shadow is
not shown at all.

Configure bugmail: http://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.

More information about the webkit-unassigned mailing list