Bug 52794

Summary: Slideshow dots incorrectly repainted on edenspiekermann.com with compositing
Product: WebKit Reporter: harryfk <ich>
Component: New BugsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: cmarrin, karlcow, simon.fraser
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.6   
URL: http://www.edenspiekermann.com
Attachments:
Description Flags
screenshot of the rendering glitches... usually there should be just one dot in plain black, the grey comes from a :hover class none

harryfk
Reported 2011-01-20 02:44:31 PST
Hey! Take a look at the slideshow on http://edenspiekermann.com and make sure to resize your window to a greater width than 1220. Now you should see iOSesque navigational dots below the big slideshow image. Move your mouse pointer outside the slideshow area (otherwise it stays paused) and wait a couple of seconds for the slideshow to start playing. The transitions are archieved through CSS with translate3d. When the slideshow plays, you'll see weird rendering bugs appear on the navigational dots, see the attached screenshot for an example. Basically it mixes up the :hover pseudo class and renders artifacts of my current class which is used to highlight the currently active slide. The changing of classes is done programmatically with JS, using the Prototype library. A few interesting observations: - This happens only in Safari, including the latest nightly build from webkit.org, but not in Chrome - I was only able to test it on OSX, so I currently don't know it it is present on Windows as well - When using 'translate' instead of 'translate3d' the rendering glitches are gone, but I'd like to stick with 'translate3d' because otherwise the page behaves very weird in MobileSafari Since it only happens when using translate3d it might be related to hardware acceleration? Just a guess.
Attachments
screenshot of the rendering glitches... usually there should be just one dot in plain black, the grey comes from a :hover class (52.86 KB, image/jpeg)
2011-01-20 02:45 PST, harryfk 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
harryfk
Comment 1 2011-01-20 02:45:47 PST
Created attachment 79570 [details] screenshot of the rendering glitches... usually there should be just one dot in plain black, the grey comes from a :hover class
Simon Fraser (smfr)
Comment 2 2011-01-20 10:40:08 PST
I can reproduce this.
Simon Fraser (smfr)
Comment 3 2011-01-20 10:40:37 PST
<rdar://problem/8892952>
Karl Dubost
Comment 4 2024-01-24 21:04:23 PST
layout has changed
Note You need to log in before you can comment on or make changes to this bug.