139068 2014-11-26 13:15:30 -0800 position: fixed; element preceding a CSS transform causes blurriness 2014-12-01 11:10:00 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) All OS X 10.10 RESOLVED DUPLICATE 27684 P2 Normal --- 1 cthielen webkit-unassigned simon.fraser thorton oldest_to_newest 1051122 0 242238 cthielen 2014-11-26 13:15:30 -0800 Created attachment 242238 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. 1051123 1 cthielen 2014-11-26 13:16:38 -0800 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). 1051496 2 simon.fraser 2014-12-01 11:10:00 -0800 Same underlying cause as bug 27684. *** This bug has been marked as a duplicate of bug 27684 *** 242238 2014-11-26 13:15:30 -0800 2014-11-26 13:15:30 -0800 Simple example page which demonstrates the blurriness. If the linked SVG file goes offline, any ~800x800 SVG will do. bug.html text/html 869 cthielen PCFkb2N0eXBlIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPjwvdGl0bGU+CiAgICA8 bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNl dD1VVEYtOCIgLz4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+CiAgICAgIGJvZHkgeyBiYWNr Z3JvdW5kOiAjRjVGQ0ZGOyBjb2xvcjogIzMzMzY2NjsgfQogICAgPC9zdHlsZT4KICA8L2hlYWQ+ CiAgPGJvZHk+CgogICAgPCEtLSBTdGlsbCBhcHBlYXJzIGFzIG9mIFdlYktpdCBWZXJzaW9uIDgu MCAoMTA2MDAuMS4yNS4xLCByMTc2NTQ2KSAtLT4KCiAgICA8ZGl2IHN0eWxlPSJwb3NpdGlvbjog Zml4ZWQ7Ij4mbmJzcDs8L2Rpdj4KCiAgICA8c2VjdGlvbj4KICAgICAgPGRpdiBjbGFzcz0icGFy ZW50Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJwYW56b29tIiBzdHlsZT0iLXdlYmtpdC10cmFuc2Zv cm06IG1hdHJpeCgyLjUsIDAsIDAsIDIuNSwgMCwgMCk7IC13ZWJraXQtYmFja2ZhY2UtdmlzaWJp bGl0eTogaGlkZGVuOyAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7IGN1cnNvcjog bW92ZTsgdHJhbnNpdGlvbjogLXdlYmtpdC10cmFuc2Zvcm0gMjAwbXMgZWFzZS1pbi1vdXQ7IC13 ZWJraXQtdHJhbnNpdGlvbjogLXdlYmtpdC10cmFuc2Zvcm0gMjAwbXMgZWFzZS1pbi1vdXQ7Ij4K ICAgICAgICAgIDxpbWcgc3JjPSJodHRwOi8vYmxvZy5taWxsZXJtZWRlaXJvcy5jb20vd3AtY29u dGVudC91cGxvYWRzLzIwMTAvMDQvYXdlc29tZV90aWdlci5zdmciIHdpZHRoPSI5MDAiIGhlaWdo dD0iOTAwIj4KICAgICAgICA8L2Rpdj4KICAgICAgPC9kaXY+CiAgICA8L3NlY3Rpb24+CgogIDwv Ym9keT4KPC9odG1sPgo=