From f8bb0f7ad1d09fa659acb80c2afdb1140db6cbe7 Mon Sep 17 00:00:00 2001
From: Mukund Parmar <162794838+mukund58@users.noreply.github.com>
Date: Fri, 21 Feb 2025 17:20:56 +0530
Subject: [PATCH] Add right-click canvas move functionality

Related to #38

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/mukund58/Wireframe-tool/issues/38?shareId=XXXX-XXXX-XXXX-XXXX).
---
 public/assets/js/script.js | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/public/assets/js/script.js b/public/assets/js/script.js
index cdc3e99..7c991cf 100644
--- a/public/assets/js/script.js
+++ b/public/assets/js/script.js
@@ -200,9 +200,11 @@ document.addEventListener("DOMContentLoaded", () => {
     let startX, startY;
 
     canvas.on('mouse:down', (event) => {
-        isPanning = true;
-        startX = event.e.clientX;
-        startY = event.e.clientY;
+        if (event.e.button === 2) { // Right-click
+            isPanning = true;
+            startX = event.e.clientX;
+            startY = event.e.clientY;
+        }
     });
 
     canvas.on('mouse:move', (event) => {
@@ -241,6 +243,13 @@ document.addEventListener("DOMContentLoaded", () => {
         const settingsPanel = document.getElementById("settings-panel");
         settingsPanel.style.display = settingsPanel.style.display === "none" ? "flex" : "none";
     });
+
+    // Prevent context menu from appearing on right-click
+    canvas.on('mouse:down', (event) => {
+        if (event.e.button === 2) { // Right-click
+            event.e.preventDefault();
+        }
+    });
 });
 document.querySelector(".dropbtn").addEventListener("click", function() {
     let menu = document.getElementById("dropdown-menu");
@@ -252,4 +261,4 @@ window.addEventListener("click", function(event) {
     if (!event.target.matches(".dropbtn")) {
         document.getElementById("dropdown-menu").style.display = "none";
     }
-});
\ No newline at end of file
+});