IE 10 drop down rendering issue

[Mike]

I'm seeing an issue w/ IE 10 (released w/ Win 8) and toolbar drop-downs. I'm using the latest build (Q2 '12 SP2) and it's also reproducible on Telerik's demo pages:

http://demos.telerik.com/aspnet-ajax/toolbar/examples/functionality/firstlook/defaultcs.aspx 

With drop-downs an IE 10, as the drop-down menu animated and is shown, the background <iframe> is visible in such a way that it is very noticeable as it covers the area that will be filled by the entire drop-down menu. This is visible for about 1/2 a second, depending on computer speed. To reproduce, go to the above link and click on the New menu. I've attached a screen shot that I took by manually hiding the <div> menu so you can see what I'm seeing for that 1/2 second of animation as the drop-down menu opens.

I was hoping that SP2 took care of all remaining IE 10 issues, but this is still present. Please advise and/or let me know if any of this is unclear.

Thanks!

- Mike Oliver
 

[Kate]

Hi Mike,

Indeed the behavior that you describe seems to be an issue related to the RadToolBar control. I forwarded your request to our development team so that they can inspect it thoroughly and fix it for the up coming release of our controls.  

Greetings,
Kate
the Telerik team

[Mike]

Great. Thanks. By the way - it also happens with the RadContextMenu control.

- Mike

[Kate]

Hello Mike,

Thank you for pointing that one out as well. We will investigate the issue with our controls and fix it for the future release.

All the best,
Kate
the Telerik team

[Andreas]

Hi,

Is this iframe really needed in IE7 and above, and if not is it safe to disable this entirely until it is fixed?
We did the following in toolbar load:

var arrItems = toolbar.get_allItems();
    for (var i = 0; i < arrItems.length; i++)
    {
        var slide = arrItems[i]._slide;
        if (slide && slide._overlay)
        {
            slide._overlay.dispose();
            slide._overlay = null;
        }
    }

Regards
Caesar

[Ivan Zhekov]

Hello,

The iframe is there to tackle certain stacking (z-index) issues with IE. In short, it's needed so the dropdown is always positioned on top of other elements. Removing the iframe will cause dropdowns of both the menu and toolbar to slide beneath the elements and not on top.

We do have a partial fix for this and we'll include it in the Q3 release to ensure proper behaviour when running IE10 in Win8.

Regards,
Ivan Zhekov
the Telerik team

[Santosh Bachuwar]

Any resolution yet with respect to the menu?

[Ivan Zhekov]

As of now, we do not have a fix for this issue.

What Andreas has offered as a solution is by far a good solution, should you want to remove the Iframe.

Regards,
Ivan Zhekov
the Telerik team