Bug 55835 (transition_flash)
| Summary: | Transition has glitches (Chrome 10, WebKit Nightly) | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | timmywil <tim.willison> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| Severity: | Major | CC: | bfulgham, cmarrin, css, dino, jamesr, kbr, kling, shanestephens, simon.fraser, vangelis |
| Priority: | P3 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | Mac (Intel) | ||
| OS: | OS X 10.6 | ||
| URL: | http://jsfiddle.net/timmywil/2ZJhr/ | ||
timmywil
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
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
To clarify, in Safari nightly a large chunk of text flashes, not just the animated text.
Simon Fraser (smfr)
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
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
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
s/Unfortunately CSS transactions/Unfortunately CSS transitions
Simon Fraser (smfr)
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
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.