Menus not Fully Closing in Chrome

[Zachary]

Hello,

I've been running into an issue where menus (those on grids and otherwise) are not fully closing or opening.  This happens maybe every 5th click.  It is only seen on the Chrome browser, right now, but it really looks like a problem.  I am using the lastest release of kendo.web (2012.2.710) and have tried several different styles.

Oddly, the demos on the site look fine, but as soon as I do the exact same thing on my site, the menu issue appears.

I must be doing something wrong, but what could it be.  I am out of options to troubleshoot.

Thanks a ton in advance,

Zach

[Bill]

I am seeing the same issue.

[Zachary]

I'm actually seeing the same issue on the first Kendo Dojo tutorial as well.  Also in Chrome:

http://try.kendoui.com/web/widget-initialization/1

--Zach

[Alex Gyoshev]

This problem is caused by a rendering bug in Chrome, which leaves visual artifacts after CSS animations. The bug has been addressed in the Chrome Canary build, so it appears that the issue is temporary. The following CSS code will suppress the problem until the fix is pushed to the official Chrome channel:

    body:after {
      content: "";
      display: block;
      visibility: hidden;
      height: 0;
      font: 0/0;
      -webkit-transform: translateZ(0);
    }

Here is the jsBin sample that shows it in action.

All the best, Alex Gyoshev
the Telerik team

[Vland]

thanks, it works