IE11 Image Properties dialog bug

[Fit2Page]

Hi,

When I select the image in the demo in IE11 and choose image properties the image src and other properties are not filled in the dialog.
Same goes for the ImageMap dialog. See attached screenshot.

This seems like a serious bug to me.
Please investigate ...

Marc

[Ianko]

Hi Marc,

Thank you for contacting the Telerik support.

The described behavior is already logged in our database for fixing and I can assure you that it is going to be resolved for the next official version of the RadCotnrols.

You can follow this feedback portal item for more information about this matter.

Regards,
Ianko
Telerik

[ChrisS]

Hi Marc,

I agree that this is a serious bug.  We have already reported this bug to Telerik and after some debate they have agreed to fix for the next release of the RadControls.  The next release is scheduled for mid January I believe.



What is more worrying is that editing an image is not a scenario that they test for.



This was their suggested workaround which may work:



In the meantime I can provide a possible solution by overriding the getParentElement() method in the Selection prototype of the editor, so that it returns the correct value:

<telerik:RadEditor runat="server" ID="RadEditor1">
</telerik:RadEditor>

<script type="text/javascript">
    Telerik.Web.UI.Editor.Selection.prototype.getParentElement = function () {
        var rng = this.getRange();
        if (!rng) return null;

        //IE
        if (rng.commonAncestorContainer)//MOZ, Safari, Opera
        {
            var theSelection = this._window.getSelection();


            //Safari!
            var startContainer = rng.startContainer ? rng.startContainer : theSelection.baseNode;
            var endContainer = rng.endContainer ? rng.endContainer : theSelection.extentNode;
            var startOffset = rng.startOffset != null ? rng.startOffset : theSelection.baseOffset;
            var endOffset = rng.endOffset != null ? rng.endOffset : theSelection.extentOffset;

            var anchorOffsetChild = theSelection.anchorNode.childNodes[theSelection.anchorOffset];

            if (anchorOffsetChild && (anchorOffsetChild.nodeName == "IMG" || (startContainer == endContainer && (endOffset - startOffset) == 1))) {
                return anchorOffsetChild;
            }
            else {
                if ($telerik.isSafari) // new fix context menu in Safari and Chrome
                {
                    var tagName = (theSelection.anchorNode && theSelection.anchorNode.parentNode) ? theSelection.anchorNode.parentNode.tagName : "";
                    if (tagName == "TH" || tagName == "TD") {
                        return theSelection.anchorNode.parentNode;
                    }
                    else if (tagName == "TR") {
                        return theSelection.anchorNode;
                    }
                }

                if (!rng.commonAncestorContainer.tagName) {
                    if (this._window.document == rng.commonAncestorContainer && theSelection.baseNode)//SAFARI
                    {
                        return theSelection.baseNode.parentNode;
                    }
                    return rng.commonAncestorContainer.parentNode;
                }
                else {
                    // Workaround for issue related to the retrieved
                    // Image element under IE11
                    if (rng.commonAncestorContainer.firstElementChild
                        && rng.commonAncestorContainer.firstElementChild.tagName === "IMG") {
                        return rng.commonAncestorContainer.firstElementChild
                    }

                    return rng.commonAncestorContainer;
                }
            }
        }
        else if (rng.length) {
            return rng.item(0);
        }
        else if (rng.parentElement) {
            return rng.parentElement();
        }
        else {
            return null;
        }
    };
</script>

We have not tried out this solution.  Our solution was to change web.config and force the browser to behave as IE10.



Let me know if the workaround worked.



Alistair

[Fit2Page]

Hi Ianko,

Thanks for your reaction.
We use the Editor in our CMS and I have many pages and controls with Editors on them.

Could you maybe provide an internal build with a solution for this serious bug?

Marc

[Ianko]

Hi Marc,

I suggest checking if the latest internal build that is available in your account, is working for your case. Note that it is not recommended to use such builds for live applications and that possible issues due to them are not officially supported.

If it does not, I regret to inform you that the proper fix will be available in the next major release of RadControls. Also a possible workaround is forcing the IE10 compatibility via meta tag, as suggested by Chris.

<meta http-equiv="X-UA-Compatible" content="IE=10">

Regards,
Ianko
Telerik