IE11 Image Properties dialog bug

5 posts, 0 answers
  1. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 18 Dec 2013 Link to this post

    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
  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 20 Dec 2013 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. ChrisS
    ChrisS avatar
    50 posts
    Member since:
    Aug 2005

    Posted 20 Dec 2013 Link to this post

    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



  5. Fit2Page
    Fit2Page avatar
    345 posts
    Member since:
    Feb 2007

    Posted 20 Dec 2013 Link to this post

    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
  6. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 21 Dec 2013 Link to this post

    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
    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017