Box shadow spread bug in WebKit in iOS 7 on Retina iPads
css, ios, ipad, webkit
Solution
Still an issue in IOS 7.0.4.
Add a one pixel border radius to force the browser to render the shadow in landscape mode and while zooming.
border-radius: 1px;
Problem
I've found what seems to be a bug in WebKit for iOS 7, but only on iPad 3 and 4, which leeds me to believe it's somehow hardware-related. The bug: If I add the spread value (the fourth value) to CSS box shadows the whole shadow disappears. I've put up an exampel here. Can anyone else confirm this error on iPad 3 and 4 with iOS 7?