update

contenido/15.html

@@ -72,7 +72,7 @@
 <div class='page-sco py-2 py-md-0 h-100'>
   <div class='container h-100'>
     <div class='row justify-content-center h-100'>
-      <div id="drag-drop-activity" class='col-12 h-100'>
+      <div id="drag-drop-activity" class='col-12 h-100' style="overflow: hidden;">
         <div class="content-grid">
           <div class="content-drops w-100 h-100">
             <div class="row justify-content-center align-items-center h-100">
@@ -201,7 +201,6 @@
         $newDrag.draggable({
           revert: 'invalid',
           revertDuration: 300,
-          containment: "#drag-drop-activity",
           cursor: "grabbing",
           start: function (event, ui) {
             $(this).css('z-index', 1000);
@@ -209,10 +208,11 @@
             ui.position.top = 0;
           },
           drag: function (event, ui) {
+            var scale = parseFloat($('.wrap-course-content').css('transform').split('(')[1]) || 1;
             var changeLeft = ui.position.left - ui.originalPosition.left;
-            var newLeft = ui.originalPosition.left + changeLeft;
+            var newLeft = ui.originalPosition.left + changeLeft / scale;
             var changeTop = ui.position.top - ui.originalPosition.top;
-            var newTop = ui.originalPosition.top + changeTop;
+            var newTop = ui.originalPosition.top + changeTop / scale;
             ui.position.left = newLeft;
             ui.position.top = newTop;
           },