From d7ce7b0988dae01aabcda849b979c9cd708332ed Mon Sep 17 00:00:00 2001
From: SpliiT <spliitdev@gmail.com>
Date: Thu, 28 May 2026 16:10:11 +0200
Subject: [PATCH] fix(DragViewer): Disable drag to correctly move on the viewer

---
 app/components/HybridRenderingView.vue |  2 +-
 app/components/RemoteRenderingView.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/components/HybridRenderingView.vue b/app/components/HybridRenderingView.vue
index 96a65c463..06e49b836 100644
--- a/app/components/HybridRenderingView.vue
+++ b/app/components/HybridRenderingView.vue
@@ -74,7 +74,7 @@ async function handleClick(event) {
 </template>
 
 <style scoped>
-img {
+:deep(img) {
   pointer-events: none;
 }
 .picking-cursor {
diff --git a/app/components/RemoteRenderingView.vue b/app/components/RemoteRenderingView.vue
index 5e9a0c1ad..9fda7983e 100644
--- a/app/components/RemoteRenderingView.vue
+++ b/app/components/RemoteRenderingView.vue
@@ -123,4 +123,16 @@ onMounted(async () => {
   background-color: transparent;
   border-radius: 16px;
 }
+
+:deep(img) {
+  -webkit-user-drag: none;
+  -khtml-user-drag: none;
+  -moz-user-drag: none;
+  -o-user-drag: none;
+  user-drag: none;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
 </style>