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
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)
(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.
Works in Chrome and Firefox. Does not work in Safari.
<rdar://problem/96914376>