[Solved] Editor getRange returns wrong range in Internet Explorer

[Ruairi]

I'm using editor.getRange() function from the Editor Select event to get the current range of an element selected in the Editor.

In Chrome the getRange() function returns the range I would expect.

However in Internet Explorer the getRange() function return the wrong range. 

Why does the same method return 2 different items? The html I'm using in the the editor is as below.

 

<p style="text-align:left;"><strong></strong>Test the range of the following field <span class="dfw-IsMergeField dfw-EditorMergeField" contenteditable="false" data-iscollection="false" data-name="ApplicantAddress" data-path="Mallons.DomainFire.Models.MergeTemplates.FireCertTemplate.ApplicantAddress" id="mergeFieldButton" title="Applicant Address">ApplicantAddress</span> in Chrome and Explorer</p>
<p> </p>

[Rumen]

Hi Tyler,

I tested the getRange() method under IE11, Firefox and Chrome and I was unable to reproduce different results. Can you please take a look at the following video http://screencast.com/t/pLDe8tUhC and let me know how to reproduce the issue on my end?

Here is my Dojo sample: http://dojo.telerik.com/@RumenJ/urAcE.

Best regards,
Rumen
Telerik by Progress

 

 

[Ruairi]

I've found the problem and its not Kendo UI's fault. Its to do with Internet Explorer and not supporting some of the selected 'range' properties. 

var editor = e.sender;
var range = editor.getRange();
var startNode = range.startContainer; //This works in IE
var parentElement = startNode.parentElement; //This is NOT supported in IE

 

Ive added a fiddler here showing this. Run it in chrome and you get 2 messages but only 1 in Internet Explorer.

http://dojo.telerik.com/@Mallon/ekiTu