Bug 74156 – WebKit does not support box-shadow on display:table-row element

• Status: NEW
• Component: CSS

[Yao Wei]

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

[David Barr]

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.

[Brent Fulgham]

Works in Chrome and Firefox. Does not work in Safari.

[Radar WebKit Bug Importer]

<rdar://problem/96914376>