New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 40 users

Issue metadata

Status: Duplicate
Merged: issue 29427
Owner:
OOO until NaN
Closed: Jun 2010
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug
M-6

Restricted
  • Only users with EditIssue permission may comment.



Sign in to add a comment
link

Issue 46212: border radius/box-shadow problem (CSS 3)

Reported by icego...@gmail.com, Jun 9 2010

Issue description

Chrome Version       : 5.0.375.55 (0)
URLs (if applicable) :
Other browsers tested: Firefox/IE
Add OK or FAIL after other browsers where you have tested this issue:
Safari 4:
  Firefox 3.x: 3.6.3 (Note: uses -moz-box-shadow and -moz-border-radius)
         IE 7: NA
         IE 8: NA (IE doesn't support css3 stuff)


What steps will reproduce the problem?
Give a div an inset box shadow and a border radius.


What is the expected result?
The inset box shadow should be masked/bounded by the border radius.


What happens instead?
The box shadow sticks to the inside of the cornered 200px by 200px block  and blends into block rather than matching the corner radius.


Please provide any additional information below. Attach a screenshot if
possible.

Screenshot references provided for comparison between ff, chromium. 
Used the css/html below. Visually, difference is pretty obvious.

reference CSS:
.demo2{
	float: left;
	height: 240px;
	width: 240px;
	background-color: white;
}
.demo{
	float:left;
	margin: 20px;
	width: 200px;
	height: 200px;
	background-color: yellow;
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.5);

}

reference html:
<div class='demo2'> <div class='demo'> </div> </div>
 
mozilla.png
3.0 KB View Download
chromium.png
3.1 KB View Download

Comment 1 by stuartmorgan@chromium.org, Jun 12 2010

Labels: -Area-Undefined Area-WebKit

Comment 2 by karen@chromium.org, Jun 15 2010

Labels: Mstone-6
Status: Untriaged

Comment 3 by dglazkov@chromium.org, Jun 18 2010

Labels: Fidelity WebKit-Core

Comment 4 by brandonc...@gmail.com, Jun 20 2010

Comment 5 by dglazkov@chromium.org, Jun 20 2010

 Issue 25334  has been merged into this issue.

Comment 6 by thakis@chromium.org, Jun 20 2010

Mergedinto: 29427
Status: Duplicate

Comment 7 by bugdroid1@chromium.org, Oct 12 2012

Project Member
Labels: Restrict-AddIssueComment-Commit
Mergedinto: chromium:29427
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.

Comment 8 by bugdroid1@chromium.org, Mar 10 2013

Project Member
Labels: -Area-WebKit -Mstone-6 -WebKit-Core Cr-Content M-6 Cr-Content-Core

Comment 9 by bugdroid1@chromium.org, Mar 13 2013

Project Member
Labels: -Restrict-AddIssueComment-Commit Restrict-AddIssueComment-EditIssue

Comment 10 by bugdroid1@chromium.org, Apr 6 2013

Project Member
Labels: -Cr-Content Cr-Blink

Sign in to add a comment