Bug 30643 – -webkit-box-shadow does not render.

• Status: RESOLVED
• Resolution: FIXED
• Component: Layout and Rendering

[Ramiro Jr Franco]

I'm not sure what conditions are necessary to reproduce this issue, as I've only encountered it on a private network:

I have css pointing to divs, within divs and although chrome is able to render the -webkit-box-shadow as expected, safari does not render the provided style at all. The section of css pertaining to the area is below, and the actual div that is not rendering correctly is div.expander div div.

div.expander h4 {
	margin: 0;
	background: url(/images/dv7/expand_top.jpg) 0 0 no-repeat;
	height: 19px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	text-indent: 31px;
	padding: 18px 0 0;
}

div.expander h4 a {
	display: block;
	height: 37px;
}

div.expander div {
	padding: 10px 0;
	background: url(/images/dv7/expand_mid.jpg) repeat-y;
}

div.expander div div {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	width: 622px;
	margin: 0 0 0 16px;
	-moz-box-shadow: #bbb 0 0 8px 5px;
	-webkit-box-shadow: #bbb 0 0 8px 5px;
}

[Simon Fraser (smfr)]

Please attach a testcase.

[Ramiro Jr Franco]

You can find a sample on this page:

http://www.dotster.com/about/careers.php

However I'm no longer on an XP machine (I've switched to a windows 7 machine) so I'm unable to determine if the issue can still be reproduced.

[Simon Fraser (smfr)]

Current builds seem to render that shadow just fine.