flash on sliding css animation start (android 2.3)

[GoogleCodeExporter]

What steps will reproduce the problem?
1.Take Samsung galaxy s2 GT-I9100 Android 2.3.6
2.Create 2 activity/views/places set, add some panels and buttons with 
different bg-colors
3. Set slide/slide-revers animation for activity switch.

Before animation start I see flash.

Using 1.1.2 mgwt version.

I google to find solution and find following article (see "Fighting the Flash" 
topic) 
http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/css3-animations-the-hi
ccups-and-bugs-youll-want-to-avoid/ 

To test proposed solution I edited this file locally:

http://code.google.com/p/mgwt/source/browse/src/main/java/com/googlecode/mgwt/mv
p/client/resources/transition.css

I've added  

-webkit-backface-visibility: hidden; to .displayContainer class:

.displayContainer {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow:hidden;
    -webkit-backface-visibility: hidden;

}

Flash gone. How can I override this .displayContainer class without patching 
mgwt sources?

Original issue reported on code.google.com by kopachevsky on 3 Nov 2012 at 4:32

[GoogleCodeExporter]

thanks for posting this issue.

You can easily set a class to your animatable displays adding that property.

Original comment by kurka.da...@gmail.com on 5 Nov 2012 at 5:39

• Changed state: Accepted

[GoogleCodeExporter]

Original comment by kurka.da...@gmail.com on 13 Jul 2014 at 11:56

• Changed state: Invalid