Context Menu Tweaks

- Adjust transform origin such that animation plays from cursor even when bounds are met
sandervonk · Sep 1, 2022 · b06a801 · b06a801
1 parent fd84f12
commit b06a801
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/js/util.js b/js/util.js
@@ -119,8 +119,7 @@ class ContextMenu {
         this.menuItems = this.menuItems.concat(result);
       }
     }
-    this.x = e.clientX;
-    this.y = e.clientY;
+    [this.x, this.y] = [e.clientX, e.clientY];
     this.build(this.x, this.y);
   }
   makeMenuItem(item) {
@@ -181,6 +180,7 @@ class ContextMenu {
     this.menu.css({
       top: Math.max(this.windowPadding, Math.min(y, $(window).height() - this.menu.outerHeight() - this.windowPadding)),
       left: Math.max(this.windowPadding, Math.min(x, $(window).width() - this.menu.outerWidth() - this.windowPadding)),
+      "transform-origin": `${this.x - Math.max(this.windowPadding, Math.min(x, $(window).width() - this.menu.outerWidth() - this.windowPadding))}px ${this.y - Math.max(this.windowPadding, Math.min(y, $(window).height() - this.menu.outerHeight() - this.windowPadding))}px`,
     });
     if ($("#cm-page-items:empty").length) {
       $(".context-menu").css("height", "fit-content");