| Issue 25334: | inset -webkit-box-shadow not adhering to -webkit-border-radius | |
| 58 people starred this issue and may be notified of changes. | Back to list |
Restricted
Sign in to add a comment
|
Chrome Version : 4.0.223.6 OS + version : Kubuntu Karmic Koala 9.10 CPU architecture (32-bit / 64-bit): 64 window manager : KDE URLs (if applicable) : n/a Behavior in Firefox 3.x (if applicable): the box-shadow inset begins inside the border radius Behavior in Chrome for Windows (optional): n/a/ What steps will reproduce the problem? 1. This div will highlight the problem: <div style=" -moz-border-radius: 200px; -webkit-border-radius: 200px; background-color: #777; width: 500px; height: 200px; -webkit-box-shadow: inset 0px 0px 50px rgba(255, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 50px rgba(255, 0, 0, 0.5); "></div> 2. The red box shadow in Firefox will begin inside the border-radius. However, in chrome, it begins inside the box and not the box's border- radius. What is the expected result? See Firefox's rendering. What happens instead? Please provide any additional information below. Attach a screenshot and backtrace if possible.
Oct 20, 2009
#1
triune
Oct 20, 2009
This seemed to happen at the same exact time anti-aliasing was added to border- radiuses. Just more info.
Oct 20, 2009
I assume this is not just Linux. Jon to triage.
Status:
Assigned
Owner: j...@chromium.org Labels: -OS-Linux -Area-Misc OS-All Area-WebKit
Oct 20, 2009
Don't have a mac handy to test, but I would guess so too :)
Oct 21, 2009
(No comment was entered for this change.)
Labels:
Mstone-X
Nov 3, 2009
(No comment was entered for this change.)
Status:
Untriaged
Owner: ---
Dec 1, 2009
in Chrome for OSX 4.0.249.12, it renders correctly. However, in 4.0.260.0 under Linux, it still renders incorrectly.
Feb 28, 2010
In Chrome for OS X 5.0.335.0 there is no problem. In Chrome for Windows 4.0.249.89 issue persists.
Mar 15, 2010
Still a very annoying issue... wish this would be fixed soon in Linux!
Apr 11, 2010
Windows nightly still has this bug
Apr 27, 2010
(No comment was entered for this change.)
Cc:
a...@chromium.org
Apr 27, 2010
(No comment was entered for this change.)
Cc:
senorbla...@chromium.org
Apr 27, 2010
Issue 35362 has been merged into this issue.
Jun 3, 2010
Just wanted to add that I'm getting this too, on a Windows XP machine. Safari renders it properly, but both the stable and dev builds of Chrome have this bug. Interestingly, it appears okay in Chrome on my Macs at home.
Jun 17, 2010
I'm also getting this same issue. Please fix this soon.
Jun 20, 2010
(No comment was entered for this change.)
Status:
Duplicate
Mergedinto: 46212
Jul 28, 2010
I am getting this issue on Chrome 5.0.375.125 on Windows 7. Does not affect Chrome 5.0.375.99 on Mac. If your radius is small enough, you can hack around it like this: -moz-border-radius: 7px; -webkit-border-radius: 7px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0 inset; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px 0 inset; border: 2px solid #fff; margin: -2px; Since there's no way to feature detect, I detect client OS and browser, then tack on a class to the HTML tag. Not my favorite implementation, but it works.
Aug 16, 2010
I'm also getting this on Chrome 5.0.375.126, Windows 7. It looks ok on Safari.
Sep 14, 2010
I'm getting this on Chrome 6.0.472.55, Windows 7.
Sep 14, 2010
The same thing on Chrome 7.0.517.0 dev, Windows 7.
Sep 16, 2010
I'm getting this on Chrome 6.0.472.59, Windows Vista.
Sep 24, 2010
why isn't this fixed yet? this is such an annoying glitch! windows here!
Oct 4, 2010
Seriously, fix this. 7.0.517.24, Windows Vista.
Oct 4, 2010
Will IE9 go final beating Chrome on this one? lol
Oct 4, 2010
Sense there's been two comments on this today, I'll be annoying and do a third one. After all, that's why they call them "bugs". ¦D
Oct 4, 2010
should have been merged into this bug... http://goo.gl/noqX so you can stop posting here :P
Dec 13, 2010
Chrome is now on version 8 ad this bug is still not squashed. =/ Disappointing.
Dec 13, 2010
Is there a good reason why this bug has been hanging around for over a year? This is very, very bad. If I knew anything about the chromium source I would probably help fix it. Too bad I'm just a plain old web developer.
Dec 15, 2010
Any updates yet? Getting this on Windows XP sp2 Chrome 8.0.552.224.
Dec 15, 2010
Maybe we should get Anonymous to flood this issue with comments until the Chrome team as given it some attention. xP Just kidding.
Jan 24, 2011
Is this so hard, the IE testing center is laughing at us becasue of this. Chrome 10 dev and stillnot fixed... :( sad
Feb 10, 2011
Google chrome should just get their act together it is a bug that ruins many websites, especialy ones with custom buttons Its not working on Windows XP chrome 9.0.597.84.
Feb 16, 2011
please get it fix.. this is very common design to have border radius + box shadow inset... for bevel a button
Feb 19, 2011
And it is fixed as of 10.0.648.82 on Windows 7 32-bit
Oct 12, 2012
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.
Labels:
Restrict-AddIssueComment-Commit
Mergedinto: chromium:46212
Mar 10, 2013
(No comment was entered for this change.)
Labels:
-Area-WebKit Cr-Content
Apr 5, 2013
(No comment was entered for this change.)
Labels:
-Cr-Content Cr-Blink
|
||||||||||||
| ► Sign in to add a comment | |||||||||||||
