RadMenu & IE10 IFrame Issue

[Stan]

Just recently updated our application with the latest Telerik release for IE10 support.  Majority of the bugs we saw are now resolved.  However, we are noticing an issue with the RadMenu.  On the expand of drop down menu, an iframe is rendered behind the menu item and can be seen with an "Windows Internet Explorer cannot load this page" or something along those lines.  Basically you can see the IE "World" image loaded behind the menu and once the menu is expanded it is covered up.  It is brief but noticeable.  

Do you have any suggestions or workarounds?  I do see the iframe markup so was considering adding a .rmSlide iframe CSS styling to perhaps hide it.

I tried to grab a screenshot but its near impossible to time it right.

[Kate]

Hi Stan,

We are already aware of the issue that you describe and we are currently working on resolving it for the future release. It happens in IE10 only with controls that render an iFrame on the page.

Kind regards,
Kate
the Telerik team

[Stan]

Ok, good to hear.  Thanks for the response!
Stan

[Kevtheara]

I already upgraded my telerik control with RadControls for ASP.NET AJAX Q3 2012. I run the project in visual studio by click on Run the radmenu and radcombox work fine with my IE10 browser, but the deployment site is not working with IE 10.

Note: My development machine is using window 8 and Visual studio 2012.

Please help me on this issue.

Thanks,
Kevtheara Lim

[Kate]

Hi Kevtheara,

One possible reason for the page containing the RadControl not to work would be that the resource file do not get applied correctly as described here.  I would also suggest that you check if there are any errors on the page that might be causing the issue that you get.

Regards,
Kate
the Telerik team

[David]

It works fine on the deployment site (live server) with IE9 and IE8 but we get the error below with IE10.

Webpage error details

User Agent: Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
Timestamp: Wed, 7 Nov 2012 19:11:13 UTC

Message: Unable to get property 'PageRequestManager' of undefined or null reference
Line: 1167
Char: 1
Code: 0
URI: https://www.teamtsi.com/EventManager/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bAjaxControlToolkit%2c+Version%3d4.1.51116.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d28f01b0e84b6d53e%3aen-US%3afd384f95-1b49-47cf-9b47-2fa2a921a36a%3aea597d4b%3bTelerik.Web.UI%2c+Version%3d2012.2.912.40%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a6aabe639-e731-432d-8e00-1a2e36f6eee0%3a16e4e7cd%3aed16cbdc%3af7645509%3a24ee1bba%3ae330518b%3a2003d0b8%3a1e771326%3ac8618e41%3aa7e79140%3a7165f74%3af46195d3%3aaa288e2d%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3a8f393b2b-3315-402f-b504-cd6d2db001f6%3a76254418

 

Thanks,
Kevtheara Lim

[Kate]

Hi Kevtheara,

Do you get this error on ant of our on-line demos or it happens only with your application? Can you also send us a live url where we can observe the issue locally?

Kind regards,
Kate
the Telerik team

[David]

Hi Kate,

We created a simple page with a RadMenu and a combo box.  The menu is in a master page and the combo box is in the page.  Everything worked fine until we dropped a RadAjaxPanel on the page.  That is when we get the error and the controls no longer work properly.

Make sure your browser is "IE10" and not "IE10 Compatibility View"

https://www.teamtsi.com/eventmanagersandbox/test.aspx

[Kate]

Hello David,

For testing purpose can you please try to replace the RadAjaxPanel with a simple UpdatePanel and check if you get this exception as well.

All the best,
Kate
the Telerik team

[David]

I replaced the RadAjaxPanel with the standard UpdatePanel.  I also had to replace the RadScriptManager with the standard ScriptManager.
We do not get the error now on the test page.  The RadCombo box now stretches all the way across the screen now but it does work.

https://www.teamtsi.com/eventmanagersandbox/test.aspx
 Below is the source for the page:

<%

 

@ Master Language="C#" AutoEventWireup="true" CodeBehind="Test.master.cs" Inherits="EventManager_Web.Test" %>

<%

 

@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!

 

 

DOCTYPE html>

<

 

 

html xmlns="http://www.w3.org/1999/xhtml">

<

 

 

head runat="server">

 

<title></title>

 

<asp:ContentPlaceHolder ID="head" runat="server">

 

</asp:ContentPlaceHolder>

</

 

 

head>

<

 

 

body>

 

<form id="form1" runat="server">

 

<div>

 

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

 

<asp:UpdatePanel ID="UpdatePanel1" runat="server"></asp:UpdatePanel>

 

&nbsp;<telerik:RadMenu ID="RadMenu1" Runat="server">

 

</telerik:RadMenu>

 

<br />

 

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

 

</asp:ContentPlaceHolder>

 

</div>

 

</form>

</

 

 

body>

</

 

 

html>

[Maria Ilieva]

Hi David,

I tried to replicate the problematic behaviour on my end but to no avail.

See the movie below which presents my local test in a sample application I have created on my side:
http://screencast.com/t/HOWUuroxA1

Let me know if I'm missing something.

All the best,
Maria Ilieva
the Telerik team

[David]

Thanks Maria,

If we run locally on our development machines it works fine.  The problem is when we deploy it to our production server.  It seems as if we are missing something on the server.  We have deployed the latest Telerik DLLs.  Is there something else that we need to deploy?

[Martin]

Hello David,

I have no idea what may be causing the issue on the live server. In addition it looks like the live sample page you have prepared no more replicates the issue. I would suggest that you drop the RadAjaxPanel back on the page so that it replicates the problem and set its EnableAjax=false property. This way I will be able to inspect the issue on my end and provide more to the point resolution.

Regards,
Martin
the Telerik team

[David]

Thanks,
I have posted it back out there with the the RadAjaxpanel and set the EnableAjax=false.
https://www.teamtsi.com/eventmanagersandbox/test.aspx

Thanks for your help.

[Martin]

Hello David,

I have checked your page once again, but I am still not getting any errors. Could you please confirm that on your side with the current state of the page?

If no issues arise, I would suggest that you turn back on the AJAX functionality of the RadAjaxPanel (by setting its EnableAjax="true" or by removing that property completely). If the issue replicates after this modification, please provide the exact steps I need to follow in order to observe it.

I also noticed that you have reported that the issue replicates on the production server and not on the development machine. However, from the error you have specified I noticed a reference to the AjaxControlToolkit. Could you please try adding the AjaxControlToolkit version of the production server to the development machine and verify whether the problem starts replicating on the development machine?

Kind regards,
Martin
the Telerik team

[David]

I have changed the page back to where it no longer works:
https://www.teamtsi.com/eventmanagersandbox/test.aspx

I simply created the following and added a simple loop to create menu items.
This works just fine when running it from inside Visual Studio with IE10 but does not work when published to IIS7 (our production server) using IE10.  IE9 works just fine on both.

Here is the code:
Test.aspx.master:
-------

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Test.master.cs" Inherits="EventManager_Web.Test" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server"></telerik:RadAjaxPanel>

<telerik:RadMenu ID="RadMenu1" runat="server">

</telerik:RadMenu>

<br />

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

---------------------------
Test,Master.cs
---------------------------

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace EventManager_Web

{

public partial class Test : System.Web.UI.MasterPage

{

protected void Page_Load(object sender, EventArgs e)

{

for (var i = 0; i < 3; i++)

{

var itm = new RadMenuItem("test" + i.ToString());

RadMenu1.Items.Add(itm);

for (var ii = 0; ii < 3; ii++)

{

var itms = new RadMenuItem("testsub" + ii.ToString());

itm.Items.Add(itms);

}

　

}

　

}

}

}

---------------------------
Test.aspx:
-------------------------

<%@ Page Title="" Language="C#" MasterPageFile="./Test.Master" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="EventManager_Web.Test1" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadComboBox ID="RadComboBox1" Runat="server">

<Items>

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem1" Value="RadComboBoxItem1" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem2" Value="RadComboBoxItem2" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem3" Value="RadComboBoxItem3" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem4" Value="RadComboBoxItem4" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem5" Value="RadComboBoxItem5" />

<telerik:RadComboBoxItem runat="server" Text="RadComboBoxItem6" Value="RadComboBoxItem6" />

</Items>

</telerik:RadComboBox>

　

</asp:Content>

[Martin]

Hello David,

We have made some additional research and it seems that the problem is in ASP.NET and not in RadControls. Please review this forum thread and let me know whether further assistance is needed.

All the best,
Martin
the Telerik team

[David]

The links below have solved the problem.  Thanks for all of your help.

http://www.hanselman.com/blog/BugAndFixASPNETFailsToDetectIE10CausingDoPostBackIsUndefinedJavaScriptErrorOrMaintainFF5ScrollbarPosition.aspx

http://nuget.org/packages/App_BrowsersUpdate