fix

Author: hoang.tran12

scripts/scrollByDrag.js

@@ -8,19 +8,32 @@ export default {
     en: "Use this will turn the cursor into a scroller and use it again will return it back to normal.",
     vi: "Bấm vào sẽ biến con trỏ thành con lăn và bấm lại nó sẽ đưa con trỏ trở lại bình thường",
   },
-  onClick: async function () {
-    let X, Y;
+  onClick: function () {
+    let X, Y, target;
+
+    function isElementScrollable(element) {
+      return (
+        element &&
+        (element.scrollWidth > element.clientWidth ||
+          element.scrollHeight > element.clientHeight)
+      );
+    }
 
     if (document.onmousedown && document.onmouseup && document.onmousemove) {
-      body.style.cursor = "auto";
+      document.body.style.cursor = "auto";
       document.onmousedown = document.onmouseup = document.onmousemove = null;
       alert("Scroll by dragging DISABLED");
     } else {
-      body.style.cursor = "all-scroll";
+      document.body.style.cursor = "all-scroll";
       document.onmousedown = function (e) {
         if ((e && !e.button) || (window.event && event.button & 1)) {
           X = e.clientX;
           Y = e.clientY;
+          target = e.target;
+          while (!isElementScrollable(target) && target.parentNode) {
+            target = target.parentNode;
+          }
+          console.log(target);
           return false;
         }
       };
@@ -32,7 +45,12 @@ export default {
       };
       document.onmousemove = function (e) {
         if (X || Y) {
-          window.scrollBy(X - e.clientX, Y - e.clientY);
+          // window.scrollBy(X - e.clientX, Y - e.clientY);
+          const deltaX = X - e.clientX;
+          const deltaY = Y - e.clientY;
+          target.scrollLeft += deltaX;
+          target.scrollTop += deltaY;
+
           X = e.clientX;
           Y = e.clientY;
           return false;

scripts/viewPartialSource.js

@@ -195,6 +195,7 @@ export default {
               x.focus();
               e.preventDefault();
             };
+            alert("Click vào phần tử muốn xem style css");
           })();
         },
       },