Bug 116111

Summary:	position: fixed & -webkit-transform rendering bug
Product:	WebKit	Reporter:	Illimar Tambek <illimar.tambek>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED WORKSFORME
Severity:	Normal	CC:	dino, simon.fraser
Priority:	P2
Version:	528+ (Nightly build)
Hardware:	Unspecified
OS:	Unspecified
URL:	http://jsfiddle.net/ragulka/byGGH/1/

Description Illimar Tambek 2013-05-14 11:11:10 PDT

When a page has a fixed position element that is contained within a relatively positioned element, and that page also has any element that uses -webkit-transform in it's styles, there is a rendering issue with anything that is inside the fixed element, and with the fixed element itself as well. The rendering issue is that when adding or removing styles and classes dynamically, the results are not rendered correctly. Also, hover styles are not working. 

Please see the URL for an example, as it is a bit hard for me to explain. This bug appears on both Chrome and Safari.

Comment 1 Simon Fraser (smfr) 2013-05-15 14:40:41 PDT

I can't reproduce in recent Nightly builds. Can you?

Comment 2 Illimar Tambek 2013-05-16 00:00:03 PDT

I haven't actually tried with Webkit Nightly. I tried with the latest Safari (6.0.04, with Webkit 536.29.13 at the time of writing) and Chrome.

Comment 3 Illimar Tambek 2013-05-16 00:04:23 PDT

I just tried with the latest Nightly and this issue seems to be fixed there.