From dfeed5d1a624ff9e8fed6760279bc8ac50212bc9 Mon Sep 17 00:00:00 2001
From: Nettika <git@nettika.cat>
Date: Thu, 29 Jan 2026 00:40:26 -0800
Subject: [PATCH] Fix draggable viewport

---
 src/components/Viewport.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/Viewport.vue b/src/components/Viewport.vue
index 63e4dee22..70b3689b6 100644
--- a/src/components/Viewport.vue
+++ b/src/components/Viewport.vue
@@ -71,6 +71,10 @@ function initScene() {
   renderer.setPixelRatio(window.devicePixelRatio)
   containerRef.value.appendChild(renderer.domElement)
 
+  // Prevent browser drag behavior on canvas
+  renderer.domElement.draggable = false
+  renderer.domElement.addEventListener('dragstart', (e) => e.preventDefault())
+
   // Setup orbit controls
   controls = new OrbitControls(activeCamera, renderer.domElement)
   controls.enableDamping = true
@@ -278,5 +282,11 @@ defineExpose({
   width: 100%;
   height: 100%;
   overflow: hidden;
+  user-select: none;
+  -webkit-user-drag: none;
+}
+
+.viewport :deep(canvas) {
+  -webkit-user-drag: none;
 }
 </style>