Bug 74156

Summary: WebKit does not support box-shadow on display:table-row element
Product: WebKit Reporter: Yao Wei <mwei>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, alexbdamac, benjamin, bfulgham, darin, davidbarr, gur.trio, jchaffraix, karlcow, mattaningram, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
URL: https://software.hixie.ch/utilities/js/live-dom-viewer/?saved=14479
See Also: https://bugs.webkit.org/show_bug.cgi?id=44654
Attachments:
Description Flags
testcase none

Yao Wei
Reported 2011-12-08 19:33:33 PST
Test case: <div style="background:#999; box-shadow: 0 0 50px #000; display: table-row;"> <div style="display: table-cell; width: 300px; height: 300px;"> </div> </div> Related: https://bugs.webkit.org/show_bug.cgi?id=73536
Attachments
testcase (5.62 KB, text/html)
2026-02-04 18:54 PST, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
David Barr
Comment 1 2012-03-14 20:47:57 PDT
Confirmed: Google Chrome: 19.0.1069.0 (Official Build 126572) canary OS: Mac OS X WebKit: 536.3 (@110622) WebKit Nightly: Version 5.1.2 (6534.52.7, r110761)
gur.trio
Comment 2 2013-10-15 19:57:02 PDT
(In reply to comment #1) > Confirmed: > Google Chrome: 19.0.1069.0 (Official Build 126572) canary > OS: Mac OS X > WebKit: 536.3 (@110622) > > WebKit Nightly: Version 5.1.2 (6534.52.7, r110761) Hi All. If we change the test case content to <div style="background:#999; display: table-row;"> <div style="display: table-cell; box-shadow: 0 0 50px #000; width: 300px; height: 300px;"> </div> </div> it works well because when we paint table cell we paint the shadow in void RenderTableCell::paintBoxDecorations(PaintInfo& paintInfo, const LayoutPoint& paintOffset) but for table row there is no specific call for painting the shadow. Also shadow is a rareNonInheritedData so incase tr has shadow td will not inherit. So can we add some API to draw shadow for tr also? Please suggest.
Brent Fulgham
Comment 3 2022-07-12 15:36:45 PDT
Works in Chrome and Firefox. Does not work in Safari.
Radar WebKit Bug Importer
Comment 4 2022-07-12 15:37:04 PDT
<rdar://problem/96914376>
Alexsander Borges Damaceno
Comment 5 2026-02-04 13:39:21 PST
Pull request: https://github.com/WebKit/WebKit/pull/57826
Karl Dubost
Comment 6 2026-02-04 18:54:46 PST
Created attachment 478256 [details] testcase This testcase is covering multiple scenario, the one which is the most interesting is rowspan I don't think any browser is handling this well. :) It should be an issue for the CSS WG.
Karl Dubost
Comment 7 2026-02-04 18:55:32 PST
Specifically Test 7: Row with Rowspan
Karl Dubost
Comment 8 2026-02-04 19:08:27 PST
I opened https://github.com/w3c/csswg-drafts/issues/13455 This is not blocking this PR. Just probably something for another bug.
Note You need to log in before you can comment on or make changes to this bug.