From f161f9f3fb13bb97d0debeb5f2b0ef03bd3c04e7 Mon Sep 17 00:00:00 2001
From: Gunnar Oledal <gunnar.oledal@gmail.com>
Date: Wed, 6 Dec 2023 10:54:31 +0100
Subject: [PATCH] attach cursor changes to canvas instead of body

---
 components/orbit-controls/index.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/orbit-controls/index.js b/components/orbit-controls/index.js
index afd4eca7..cc45bb82 100644
--- a/components/orbit-controls/index.js
+++ b/components/orbit-controls/index.js
@@ -44,12 +44,14 @@ AFRAME.registerComponent('orbit-controls', {
     el.sceneEl.addEventListener('enter-vr', this.onEnterVR);
     el.sceneEl.addEventListener('exit-vr', this.onExitVR);
 
-    document.body.style.cursor = 'grab';
-    document.addEventListener('mousedown', () => {
-      document.body.style.cursor = 'grabbing';
+    const canvasEl = el.sceneEl.canvas;
+
+    canvasEl.style.cursor = 'grab';
+    canvasEl.addEventListener('mousedown', () => {
+      canvasEl.style.cursor = 'grabbing';
     });
-    document.addEventListener('mouseup', () => {
-      document.body.style.cursor = 'grab';
+    canvasEl.addEventListener('mouseup', () => {
+      canvasEl.style.cursor = 'grab';
     });
 
     this.target = new THREE.Vector3();