jquery ui resizable do not work after droppable with ie

jquery ui resizable do not work after droppable with ie

hi, i get a problem when with ie, it is ok with chrome and firefox.
when i drag the div#drag from div#hellotest to div#hellotest2,
then with ie  the div#drag can not resizable,
and i found something, when  i add a div with    style="height: 700px"  when div#hellotest is out off the browser screen it is being ok. 

anyone can help me to solve it? thanks

  1. <div style="height: 700px">
  2.   if i delete this div  it can not resizable  
  3. </div>
  4. <div id="hellotest">
  5.   <div id="drag" style="width: 30px; height: 30px">
  6.     <img src="/assets/1.jpg" alt="" width="100%" height="100%">
  7.   </div>
  8. </div>
  9. <div id="hellotest2">

  10. </div>


  1. $("#drag").draggable({ helper: 'clone', cursor: "move"});
  2.     $("#hellotest2").droppable({
  3.         tolerance: "pointer",
  4.         drop: function(event, ui){
  5.             var ud = ui.draggable;
  6.             console.log(ui.position.top+"------position top");
  7.             console.log(ui.position.left+"------position left");
  8.             console.log(ui.offset.top+"--------offset top");
  9.             console.log(ui.offset.left+"------offset left");
  10.             if( ud.draggable( "option", "helper" ) == "clone" ){
  11.                 ud.clone()
  12.                 .appendTo("#hellotest2")
  13.                 .on("mouseover" ,function(){
  14.                     $(this).css("border", "1px solid red");
  15.                 })
  16.                 .on("mouseout" ,function(){
  17.                     $(this).css("border", "1px solid #999");
  18.                 })
  19.                     .css({
  20.                         position: 'absolute',
  21.                         left: ui.offset.left,
  22.                         top: ui.offset.top
  23.                     })
  24.                     .resizable()
  25.                     .draggable({cursor: "move"})
  26.             }else{
  27.             ud.css({
  28.                     position: 'absolute',
  29.                     left: ui.offset.left,
  30.                     top: ui.offset.top
  31.                 })
  32.             }
  33.         },
  34.         out: function(event, ui){
  35.             ui.draggable.remove();
  36.         }
  37.     });