27921 2009-08-01 11:14:54 -0700 [Gtk] -webkit-box-shadow renders as a black background 2010-10-06 12:26:27 -0700 1 1 1 Unclassified WebKit Layout and Rendering 528+ (Nightly build) PC Linux RESOLVED FIXED http://webkit.org/blog/86/box-shadow/ Gtk P2 Normal --- 1 tom webkit-unassigned jmalonzo krit mrobinson oldest_to_newest 136468 0 33937 tom 2009-08-01 11:14:54 -0700 Created attachment 33937 Rendering of associated URL in WebKit/GTK+ (uzbl browser). (Version is libwebkit-1.1.10-2 (WebKit/GTK+), from Arch Linux's extra repository). 1) -webkit-box-shadow properties cause the element to acquire a black background (similar to background: black). 2) "-webkit-box-shadow: none" works as expected (renders no box shadow, and no erronious background). 3) Using 4 length parameters also renders no box shadow and no erronious background. See the attached screenshot and test case (which I will add in a comment). 136469 1 33938 tom 2009-08-01 11:17:09 -0700 Created attachment 33938 Test case showing what works and what doesn't. 136527 2 jmalonzo 2009-08-02 01:05:53 -0700 I don't get a black background in my ToT build but I don't get a box-shadow either. 140562 3 krit 2009-08-16 09:16:09 -0700 There shouldn't be any background. And I don't see a shadow either. BoxShadows are "disabled" or better not supprted. Cairo do not support bluring. We have to blur the shadow our self. Did you modified the source code in GraphicsContext.cpp? 172276 4 krit 2009-12-16 06:10:02 -0800 We have real shadow support now. Can you test it again please? 290517 5 mrobinson 2010-10-06 12:26:27 -0700 This is certainly fixed now. I'm going to close the bug, but feel free to open a new bug if there more problems with box shadow. 33937 2009-08-01 11:14:54 -0700 2009-08-01 11:14:54 -0700 Rendering of associated URL in WebKit/GTK+ (uzbl browser). -webkit-box-shadow.png image/png 6676 tom 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 RU5ErkJggg== 33938 2009-08-01 11:17:09 -0700 2009-08-01 11:17:09 -0700 Test case showing what works and what doesn't. box-shadow-test.html text/html 576 tom PHN0eWxlIHR5cGU9InRleHQvY3NzIj4KLmEgeyAtd2Via2l0LWJveC1zaGFkb3c6IDVweCA1cHgg Z3JlZW47IGNvbG9yOiB5ZWxsb3d9Ci5iIHsgLXdlYmtpdC1ib3gtc2hhZG93OiA1cHggNXB4IDVw eCBncmVlbjsgY29sb3I6IHllbGxvd30KLmMgeyAtd2Via2l0LWJveC1zaGFkb3c6IDVweCA1cHgg NXB4IDVweCBncmVlbjsgY29sb3I6IHJlZH0KLmQgeyAtd2Via2l0LWJveC1zaGFkb3c6IG5vbmUg fQo8L3N0eWxlPgo8cD5UaGUgZm9sbG93aW5nIGxpbmUgc2hvdWxkIGhhdmUgYSByZWQgYm94LXNo YWRvdzoKPHA+SSBzcHkgYSA8c3BhbiBjbGFzcz1hPmJ1Zzwvc3Bhbj4hIC0+IHJlbmRlcnMgYSBi bGFjayBiYWNrZ3JvdW5kCjxwPkkgc3B5IGEgPHNwYW4gY2xhc3M9Yj5idWc8L3NwYW4+ISAtPiBy ZW5kZXJzIGEgYmxhY2sgYmFja2dyb3VuZAo8cD5JIHNweSBhIDxzcGFuIGNsYXNzPWM+YnVnPC9z cGFuPiEgLT4gcmVuZGVycyBubyBib3gtc2hhZG93CjxwPkJ1dCA8c3BhbiBjbGFzcz1kPm5vbmU8 L3NwYW4+IHdvcmtzIGFzIGV4cGVjdGVkISAtPiByZW5kZXJzIG5vIGJveC1zaGFkb3cgYXMgZXhw ZWN0ZWQK