Bug 139068

Summary:

position: fixed; element preceding a CSS transform causes blurriness

Product:

WebKit

Reporter:

Christopher Thielen <cthielen>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED DUPLICATE

Severity:

Normal

CC:

simon.fraser, thorton

Priority:

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

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 ***