Heron white frame Google Crome

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Open Google Chrome and Go to link 
http://lib.heron-mc.org/heron/1.0.0/examples/geoportal/index.html.
2. Active all overlays of map.
3. Zoom in  map.
4. Show frame white.

Attach a video with the defect report, this just appear in Google Chrome  

What is the expected output? What do you see instead?
the expected is that the white frame not appear in google chrome

What version of the product are you using? On what operating system?
Heron  Version 1.0.0,  operating system windows 7

Please provide any additional information below.

Original issue reported on code.google.com by cesarbas...@gmail.com on 23 Jan 2014 at 4:23

Attachments:

• [defect google chrome.mp4](https://storage.googleapis.com/google-code-attachments/geoext-viewer/issue-334/comment-0/defect google chrome.mp4)

[GoogleCodeExporter]

Hi, Thanks for your detailed report. I can see that the CSS is not well aligned 
in the portal-example, but I don't see the "white frame" behaviour (Chrome, Mac 
OSX 10.6.8).

Does this also happen on the latest trunk version?
http://lib.heron-mc.org/heron/latest/examples/geoportal/index.html

What you are trying (activating all overlays) is also quite heavy. Does this 
also happen with a few overlays?

Original comment by jus...@gmail.com on 23 Jan 2014 at 4:36

[GoogleCodeExporter]

We prove it with Chrome in MAC and it work Well, but in Chrome Windows 7, 
the problem continues presenting  and this is critical when I use the version 
2.13.1 of Openlayers 

The question is, why  does not Heron use the version 2.13.1 of Openlayers.?

Original comment by cesarbas...@gmail.com on 24 Jan 2014 at 4:22

[GoogleCodeExporter]

It seems that is an issue from Open layers, you have to disable the CSS 
allowing animations and turning support of GPU on :

OpenLayers-2.13.1/theme/default/style.css

following lines:

/**
 * Animations
 */

      .olLayerGrid .olTileImage {
        /*-webkit-transition: opacity 0.2s linear;*/
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        /*transition: opacity 0.2s linear;*/
    }

    /* Turn on GPU support where available */
    .olTileImage {
        /*-webkit-transform: translateZ(0);*/
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        -ms-transform: translateZ(0);
        /*transform: translateZ(0);*/
        /*-webkit-backface-visibility: hidden;*/
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
    }

Found the solution here: 
http://gis.stackexchange.com/questions/82613/extjs-4-2-layout-crush-on-latest-ch
rome-but-not-on-old-one-in-full-screen

Original comment by louis.mu...@gmail.com on 30 May 2014 at 10:46