RESOLVED CONFIGURATION CHANGED 55835
transition_flash Transition has glitches (Chrome 10, WebKit Nightly) 
https://bugs.webkit.org/show_bug.cgi?id=55835
Summary Transition has glitches (Chrome 10, WebKit Nightly)
timmywil
Reported 2011-03-05 16:21:51 PST
The url demonstrates what I mean if you view in Safari or Webkit Nightly. The text flashes whenever you hover over the word "Test" in red. This happens with any transition of any -webkit-transform. Pretty annoying css bug as I can't transition any transforms in Safari without the other content flashing.
Attachments
Add attachment proposed patch, testcase, etc.
Shane Stephens
Comment 1 2011-03-20 20:54:16 PDT
With hardware acceleration on in Chrome 10, while animating font is not bold (but start- and end-points are bold). With hardware acceleration off in Chrome 10, corner of 't' leaves a red trail when animating.
Shane Stephens
Comment 2 2011-03-20 20:58:58 PDT
To clarify, in Safari nightly a large chunk of text flashes, not just the animated text.
Simon Fraser (smfr)
Comment 3 2011-03-21 17:51:13 PDT
I see the black background flash when inside the frame, but not when standalone: <http://fiddle.jshell.net/timmywil/2ZJhr/show/>. Is that what this bug is about?
timmywil
Comment 4 2011-03-21 18:50:30 PDT
I found this because it occurred on my website in safari only. http://timmywillison.com. Perhaps it has something to do with a larger and/or more nested dom?
Kevin Doughty
Comment 5 2013-04-26 06:59:49 PDT
This is the same as rdar://problem/12081774 . I call it the flash of un-animated content. I have a more reliable demo at http://jsfiddle.net/DFTzk/ . I have this problem using Core Animation. It seems that even though an animation is added and the model value is set within the same transaction, there appear to be slight media timing differences. The workaround is to use kCAFillModeBoth, which ensures that there are no gaps. The bug was not present in OSX 10.5 Leopard, I believe it was introduced when Core Animation was re-written in C++. Unfortunately CSS transactions do not allow fill mode to be specified, only CSS animations.
Kevin Doughty
Comment 6 2013-04-26 07:04:43 PDT
s/Unfortunately CSS transactions/Unfortunately CSS transitions
Simon Fraser (smfr)
Comment 7 2013-04-26 09:18:30 PDT
This bug has morphed. I think the original bug was about the appearance of the <p> text changing when Test is animating in the test case, which is related to bug 23364. Kevin, this is unrelated to your issue. Please file a new bug about http://jsfiddle.net/DFTzk/
Brent Fulgham
Comment 8 2022-07-12 14:26:26 PDT
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.
Note You need to log in before you can comment on or make changes to this bug.