Question

Google chrome (the tab) will become unresponsive when opening this page. Note that this seems to occur almost exclusively when you have just opened google chrome and navigated to the page (a fresh start, nothing in the history yet).

http://users.telenet.be/prullen/grid.html

What can be seen when it is unresponsive is something like this:

Does anyone know what the cause of this is? I can’t really do any debugging as the page is totally unresponsive and the developer tools cannot be loaded. Any pointers would be appreciated.

(Note: this is with chrome 15).

Edit:

This appears to be the code that makes it crash: But I really need this code. Any workaround?

 #container.grid .item {
-webkit-transition: -webkit-transform .15s linear;
-moz-transition: -moz-transform .15s linear;
-o-transition: -o-transform .15s linear;
-ms-transition: -o-transform .15s linear;
transition: transform .15s linear;
-moz-transform-style: preserve-3d;
-o-transform-style : preserve-3d;
-ms-transform-style : preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility:hidden;
}
#container.grid .item img {
-webkit-backface-visibility:hidden;
}

Answer 1

Also tested in Chrome 16 – no console errors – watched for about two minutes, while continuously hovering in and out of thumbnails. Monitored memory usage at the same time – no increase. Sorry couldn’t be of more help.