NEW 127040
box-shadow stops working at 2042px spread 
https://bugs.webkit.org/show_bug.cgi?id=127040
Summary box-shadow stops working at 2042px spread
Erik Aigner
Reported 2014-01-15 03:44:03 PST
box-shadow stops working at a 2042px spread value, if a border-radius is set. div { border-radius: 3px; box-shadow: 0 0 0 2042px rgba(0,0,0,0.2), 0 0 0 3px #aaa; height: 100px; width: 100px; }
Attachments
Add attachment proposed patch, testcase, etc.
Erik Aigner
Comment 1 2014-01-15 03:44:57 PST
Browser: Safari 7.0.1/WebKit
Erik Aigner
Comment 2 2014-01-15 04:55:32 PST
Also the element dimensions seem to affect it, since it works with a width/height of 1px.
Erik Aigner
Comment 3 2014-01-15 04:58:32 PST
Example http://jsfiddle.net/dKXh8/
Andy E
Comment 4 2016-02-17 06:45:23 PST
I've experienced the same issue, it appears to also depend on the viewport height. For instance, on my MBP retina display (viewport size 1440x589 with the dev tools open) a 727x588 element has a maximum shadow spread of 1018px. On my portrait screen (viewport size 1609x1080) the same element has a maximum shadow spread of 2039px. If the element is draggable, the shadow sometimes appears as you drag it around, but doesn't always render correctly even when it appears.
Note You need to log in before you can comment on or make changes to this bug.