Bug 139068 - position: fixed; element preceding a CSS transform causes blurriness
Summary: position: fixed; element preceding a CSS transform causes blurriness
Status: RESOLVED DUPLICATE of bug 27684
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: All OS X 10.10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-11-26 13:15 PST by Christopher Thielen
Modified: 2014-12-01 11:10 PST (History)
2 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Christopher Thielen 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.
Comment 1 Christopher Thielen 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).
Comment 2 Simon Fraser (smfr) 2014-12-01 11:10:00 PST 
Same underlying cause as bug 27684.

*** This bug has been marked as a duplicate of bug 27684 ***