Smooth movement induced by scrolling

macrovision.css

@@ -29,7 +29,7 @@ body {
     -moz-user-drag: none;
     -o-user-drag: none;
     pointer-events: none;
-    transition: height 0.2s cubic-bezier(.1,.41,.18,.99), max-height 0.2s cubic-bezier(.1,.41,.18,.99);
+    transition: left 0.2s cubic-bezier(.1,.41,.18,.99), top 0.2s cubic-bezier(.1,.41,.18,.99), height 0.2s cubic-bezier(.1,.41,.18,.99), max-height 0.2s cubic-bezier(.1,.41,.18,.99);
 }
 
 .entity-image {
@@ -409,4 +409,8 @@ a {
     left: 50%;
     transform: translate(-50%, 0%);
     font-size: 20px;
+}
+
+.no-transition {
+    transition: 0s !important;
 }

macrovision.js

@@ -337,6 +337,7 @@ function clickDown(target, x, y) {
     dragOffsetX = x - rect.left + entX;
     dragOffsetY = y - rect.top + entY;
     clickTimeout = setTimeout(() => { dragging = true }, 200)
+    target.classList.add("no-transition");
 }
 
 // could we make this actually detect the menu area?
@@ -359,6 +360,7 @@ function clickUp(e) {
         } else {
             select(clicked);
         }
+        clicked.classList.remove("no-transition");
         clicked = null;
     }