update

contenido/05.html

@@ -49,7 +49,7 @@
 </style>
 <div class='page-sco py-2 py-md-4 h-100'>
   <div class='container h-100'>
-    <div class='row justify-content-center align-items-center h-100'>
+    <div class='row justify-content-center align-items-center h-100' style="overflow: hidden;">
       <div class='col-12'>
         <div id="drag-drop-activity" class='row justify-content-center'>
           <div class="col-11">
@@ -203,7 +203,6 @@
       $('.card-drag').draggable({
         revert: 'invalid',
         revertDuration: 300,
-        containment: "#drag-drop-activity",
         cursor: "grabbing",
         start: function (event, ui) {
           $(this).css('z-index', 1000);
@@ -211,10 +210,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;
         },