Problem with drag and drop components in IE11

2 posts, 0 answers
  1. zhivko.zhelezov
    zhivko.zhelezov avatar
    31 posts
    Member since:
    May 2011

    Posted 07 Dec 2015 Link to this post

    Hello,

    I am having the following drag and drop scenario, which works under Chrome, but not with IE (11 or 10). I have an angular directive which consists of grid with single selection. In the link function, when the grid is populated with data, I convert it to kendoDraggable element via the following code:

        

    function addDragDropTagSearchGrid() {
        scope.tagSearchGrid.table.kendoDraggable({
        filter: "tbody > tr.k-state-selected",
        cursorOffset: { top: 10, left: 10 },
        hint: function (e) {
            item = $('<div class="k-grid k-widget" style="background-color: lightblue; color: black;"><table><tbody><tr>Tag: ' + e.data().$scope.dataItem.tag + '/s</tr></tbody></table></div>');
             return item;
         },
         dragend: function (e) {
             scope.tagSearchGrid.clearSelection();
         }
      });
    }

    In my main application, I have a div marked with id="dropArea", and when all of the html is rendered, I convert it to drop area via the following code:

        

    vm.addDropToChartSeries = function () {
                $("#dropArea").kendoDropTarget({
                    drop: function (e) {
                        vm.updateChart();
                    }
                });
            };

    Everything works as expected, using Chrome. But after testing it with any version of IE, I end up with the following error when I select a row from the draggable grid and start to drag it:

    SCRIPT65535: Invalid calling object

    File: jquery.js, Line: 3099, Column: 5

    But this happens only the first time after the page is refreshed. If I try to drag another row the following problem appears:

     

    SCRIPT5007: Unable to get property 'ownerDocument' of undefined or null reference

    File: jquery.js, Line: 1430, Column: 2

     

    I am using jquery v2.1.4 & Kendo UI v2015.3.930.

     

    Any help will be much appreciated! 

  2. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 09 Dec 2015 Link to this post

    Hello zhivko,

     

    this does not sound like a known issue. We will need to reproduce it on our side to assist further. My guess is that the angular context should not cause the error. I may be wrong though. You may use our dojo to replicate the problem. 

     

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top