This is a migrated thread and some comments may be shown as answers.

Getting a "Unable to get property 'documentElement' of undefined or null reference" error

16 Answers 1229 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Rod asked on 28 Jun 2013, 06:10 PM

I'm modifying one of our older ASP.NET WebForms apps that I've used Telerik AJAX controls in. While running the app in the VS 2010 debugger, I've started to get this error message:

"JavaScript runtime error: Unable to get property 'documentElement' of undefined or null reference"

It stops in Telerik.Web.UI.WebResource_4.axd code when I click on the RadDatePicker control. I've not modified that page in a very long time. If anything I've upgraded the Telerik ASP.NET AJAX controls, or at least I've downloaded them and installed them on my PC. If I run VS 2010 without the debugger and then click on the RadDatePicker control, I'll get a popup dialog box asking me if I want to use IE10's built in JavaScript debugger, because the same line is hit on. That line is:

var E = a.document.documentElement;

Which is in the getLocation: function (a)
(at least that's where I found it. That line of code maybe elsewhere.)

Bottom line: What's wrong and what can I do about it?

16 Answers, 1 is accepted

answered on 11 Nov 2013, 12:47 PM

Hi Sachin,

Thanks for clarifying. Unfortunately it is expected that you get issues in IE10 when using the 2011 version of the RadControls. The reason is that in 2011 when this specific version of the RadControls was launched , the IE10 browser was still not released. Therefore I would suggest that you try upgrading to the latest version of the RadControls that are fully compatible with IE10 and use them instead of the 2011.

Regards,
Kate
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.

answered on 03 Dec 2013, 11:19 PM

For those of you, like us, who reverting to compatibility mode or upgrading are not good solutions at this time, we have a JavaScript patch that has a dependency on jQuery.

$(function(){

if (typeof(window.$telerik.getLocation) == 'function' && Sys.Browser.agent == Sys.Browser.InternetExplorer && Sys.Browser.version == 10) {

window.$telerik.getLocation = function(a)

{

if (a === document.documentElement) {

return new Sys.UI.Point(0, 0);

}

var offset = $(a).offset();

return new Sys.UI.Point(offset.left, offset.top);

}

});

One potential problem is that when a date or time picker element fades out, you can see the iframe behind it with the unstyled word "false" in it. Just something to bear in mind and watch out for if you decide to use this patch.
During our investigation, we also noticed that this version of RadDatePicker works fine IE11, just not IE10.

answered on 16 Feb 2014, 11:44 AM

Can I get an update on this one:

On my case I am debugging the following code: the problem is that when the page is loaded the error occurs
thus the contents of the sfc:HtmlEditor does not load properly.

[quote]
<telerikNavigation:RadTabControl x:Name="MainTab" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Width="Auto" VerticalAlignment="Stretch"
DisplayMemberPath="Content" DropDownDisplayMode="Visible" ScrollMode="Viewport"
Background="#dde1ea" BorderBrush="Black" BorderThickness="0">

<telerikNavigation:RadTabItem Padding="4 1" DropDownContent="Content" >

<telerikNavigation:RadTabItem.Header>
<TextBlock Text="Content" Margin="19 2 19 0" />
</telerikNavigation:RadTabItem.Header>

<telerikNavigation:RadTabItem.Content >
<sfc:HtmlEditor x:Name="HtmlEditor" Width="Auto" Height="Auto" Margin="0,5,0,0" />
</telerikNavigation:RadTabItem.Content>

</telerikNavigation:RadTabItem>
</telerikNavigation:RadTabControl>
[/quote]