Bug 139068

Summary: position: fixed; element preceding a CSS transform causes blurriness
Product: WebKit Reporter: Christopher Thielen <cthielen>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: simon.fraser, thorton
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: All   
OS: OS X 10.10   
Attachments:
Description Flags
Simple example page which demonstrates the blurriness. If the linked SVG file goes offline, any ~800x800 SVG will do. none

Christopher Thielen
Reported 2014-11-26 13:15:30 PST
Created attachment 242238 [details] Simple example page which demonstrates the blurriness. If the linked SVG file goes offline, any ~800x800 SVG will do. (Note: This bug is similar-sounding to https://bugs.webkit.org/show_bug.cgi?id=133801 but as this example doesn't require iframes to trigger, I am filing a separate bug in case it is indeed different.) A CSS transform applied on an element causes blurriness if an element containing content with position: fixed; exists before the transformed element in the DOM. It does not happen if the position: fixed; element is blank nor if the fixed element comes after the CSS transform. See the attached bug.html. Try moving the "position: fixed;" element before and after the img tag.
Attachments
Simple example page which demonstrates the blurriness. If the linked SVG file goes offline, any ~800x800 SVG will do. (869 bytes, text/html)
2014-11-26 13:15 PST, Christopher Thielen 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Christopher Thielen
Comment 1 2014-11-26 13:16:38 PST
I should note I experienced this bug in Version 8.0 (10600.1.25.1) as well as the nightly Version 8.0 (10600.1.25.1, r176546) (from 11-26-2014).
Simon Fraser (smfr)
Comment 2 2014-12-01 11:10:00 PST
Same underlying cause as bug 27684. *** 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.