Bug 28214

Summary: -webkit-box-shadow forces image to display at low resolution
Product: WebKit Reporter: Charles Ying <charles_ying>
Component: New BugsAssignee: Simon Fraser (smfr) <simon.fraser>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: cmarrin, simon.fraser
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.5   
Attachments:
Description Flags
test case and reduction none

Charles Ying
Reported 2009-08-12 00:34:04 PDT
Created attachment 34642 [details] test case and reduction In the following test reduction, having a -webkit-box-shadow on a DIV containing an image forces the image to stay at a lower resolution when zoomed in. To toggle the zoom, press the Space bar. The image in question is 300x300. The image is sized down to 50px and scaled up by a factor of 6. When the image does not have a box-shadow applied, the image shows at its native resolution of 300x300 when zoomed in. When the image has a box-shadow applied, the image shows at a pixellated 50x50 but bitmap scaled up, along with a pixellated box shadow.
Attachments
test case and reduction (40.90 KB, application/zip)
2009-08-12 00:34 PDT, Charles Ying 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2009-08-12 08:40:52 PDT
Any box decoration on the image seems to cause this (e.g. border).
Simon Fraser (smfr)
Comment 2 2009-08-12 08:41:16 PDT
Does not happen if you turn off hardware accel.
Simon Fraser (smfr)
Comment 3 2009-08-12 08:43:50 PDT
Ah, this is expected behavior (and a dup of 27684). The solution is to scale the image down in the zoomed-out state; in the scaled-up state, you want the scale to be close to 1 to get a sharp image. *** This bug has been marked as a duplicate of bug 27684 ***
Note You need to log in before you can comment on or make changes to this bug.