New issue
Advanced search Search tips

Issue 620709 link

Starred by 1 user

Issue metadata

Status: Duplicate
Merged: issue 179006
Owner: ----
Closed: Feb 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 3
Type: Bug



Sign in to add a comment

box-shadow blur does not extend all the way through blur-radius

Reported by joliss42@gmail.com, Jun 16 2016

Issue description

Chrome Version       : 53.0.2769.0
URL                  : http://codepen.io/joliss/pen/xOOWwd
Browsers tested:
  Chrome (macOS, Windows): FAIL
  Firefox (macOS, Windows): OK
  Safari 9.1.1: OK
  Edge: FAIL

When setting blur-radius on a box-shadow, the blur does not visually extend all the way through the blur-radius. This may be a peculiarity of the blur algorithm, but the result is that visually, the blur appears about half as wide as it should be.

I created a CodePen that demonstrates this: http://codepen.io/joliss/pen/xOOWwd The CodePen shows the problem for inset box-shadows, but it seems to happen for normal box-shadows as well.

I'm also attaching annotated screenshots on Chrome and Firefox.
 
Chrome screenshot.png
50.4 KB View Download
Firefox screenshot.png
69.8 KB View Download
Components: Blink>CSS
Status: Untriaged (was: Unconfirmed)

Comment 2 by nainar@chromium.org, Jun 17 2016

Labels: -OS-Mac OS-All
Status: Available (was: Untriaged)
Labels: Hotlist-Interop
Unclear if CSS or paint, needs further investigation.
Components: -Blink>CSS Blink>Paint
The computed values for box-shadow are identical between Chrome and Firefox, this is a paint issue.
Mergedinto: 677689
Status: Duplicate (was: Available)
There's a spec issue here being resolved over on the other bug.

Comment 6 by f...@opera.com, Feb 13 2017

Mergedinto: -677689 179006
Issue 677689 is about filter:drop-shadow(...) not matching box-shadow - and so is the spec issue filed for it. (Granted fixing this would "fix" that in a sense, but...)  Issue 179006  is a better dupe-target I think.

Sign in to add a comment