Bug 74156
| Summary: | WebKit does not support box-shadow on display:table-row element | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Yao Wei <mwei> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | benjamin, bfulgham, darin, davidbarr, gur.trio, jchaffraix, mattaningram, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | 528+ (Nightly build) | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
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)
gur.trio
(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>