Bug 44654 - "-webkit-box-shadow" with "inset" on a <tr> element, doesn't render
Summary: "-webkit-box-shadow" with "inset" on a <tr> element, doesn't render
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.5
: P3 Minor
Assignee: Nobody
URL:
Keywords: InRadar
: 53110 104008 (view as bug list)
Depends on:
Blocks:
 
Reported: 2010-08-25 17:44 PDT by Dave Gregory
Modified: 2022-07-12 13:30 PDT (History)
10 users (show)

See Also:


Attachments
shows firefox and webkit side by side. Firefox has the correct look. (41.10 KB, image/png)
2010-08-25 17:44 PDT, Dave Gregory
no flags Details
Safari 15.5 differs from other browsers (341.11 KB, image/png)
2022-06-07 15:00 PDT, Ahmad Saleem
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Dave Gregory 2010-08-25 17:44:45 PDT
Created attachment 65507 [details]
shows firefox and webkit side by side. Firefox has the correct look.

It renders fine on TR elements without inset.  But add inset and the box shadow dissapears.

The css:
<code>

tr {
  -moz-box-shadow: white 0px 1px 0px 0px inset;
  -webkit-box-shadow: white 0px 1px 0px 0px inset;
  -o-box-shadow: white 0px 1px 0px 0px inset;
  box-shadow: white 0px 1px 0px 0px inset;
}

</code>
Comment 1 Matthew Sanders 2011-01-25 11:47:36 PST
I've also seen this issue. Its been really annoying. Setting the tr to display:block; fixes the problem. However, reconstructing your table data in block elements is really annoying and near impossible.
Comment 2 Luke Macpherson 2011-11-30 19:37:44 PST
*** Bug 53110 has been marked as a duplicate of this bug. ***
Comment 3 Ahmad Saleem 2022-06-07 15:00:14 PDT
Created attachment 460074 [details]
Safari 15.5 differs from other browsers

I created a small test case using some code from duplicate bug and then just dumping table from W3Schools <table> and then change the colour to red to make the bug visible.

JSFiddle Link - https://jsfiddle.net/ey7bhwfx/show

As seen in the attached screenshot, I am able to reproduce this bug in Safari 15.5 on macOS 12.4 and it differs from other browsers.

If I am testing it incorrectly and Webkit is aligned with web-spec, please ignore and retest it accordingly. Thanks!
Comment 4 Ryosuke Niwa 2022-06-07 16:17:50 PDT
*** Bug 104008 has been marked as a duplicate of this bug. ***
Comment 5 Brent Fulgham 2022-07-12 13:29:56 PDT
The test case in JSFiddle fails in Safari, works in Chrome and Firefox.
Comment 6 Radar WebKit Bug Importer 2022-07-12 13:30:13 PDT
<rdar://problem/96907111>