Jquery UI：滚动后Droppable（）不起作用

Question

为什么我的droppable函数在滚动后不起作用（意味着当我滚动时，我拖动三次或四次滚动。我的droppable事件不起作用，当我再次到达顶部并拖动n放下元素时开始工作。）

我的代码中是错误还是小问题。

的jQuery

$(function(){

  $(".textTemplate").draggable({
    helper: "clone",
    zIndex: 2500
  });
  $( ".editorDesignView" ).droppable({
        accept: '.textTemplate',
      drop: function( event, ui ) {
        var html = '<div id="" style="background: #4073ff; height:200px; width: 80%; margin: 10px auto; padding: 10px;"><p style="padding: 5px;">Add your text here.</p></div>';
  $(html).appendTo(this).hide().slideDown();

      }
    });

});

CSS

* {box-sizing: border-box;}
#wrapper {width: 100%; height: 100vh;}
.templateWrapper {width: 30%; height: 100%;float:left;overflow-y: scroll;}
.editorBlock {width: 70%; height: 100%;float:left;position: relative;background-color:#f1f1f1}


.editorDesignView {width: 100%; height: 100%;}

这是我的fiddle