@cocorof/graphier 1.4.2 → 1.4.3

package/dist/index.js

@@ -2213,6 +2213,14 @@ function createScene(container, backgroundColor, style, rendererConfig) {
   renderer.toneMappingExposure = 1.2;
   const canvas = renderer.domElement;
   canvas.style.setProperty("display", "block", "important");
+  canvas.draggable = false;
+  canvas.style.userSelect = "none";
+  canvas.style.setProperty("-webkit-user-drag", "none");
+  canvas.style.touchAction = "none";
+  const onDragStart = (e) => e.preventDefault();
+  canvas.addEventListener("dragstart", onDragStart);
+  const onSelectStart = (e) => e.preventDefault();
+  canvas.addEventListener("selectstart", onSelectStart);
   container.appendChild(canvas);
   const controls = new OrbitControls(camera, canvas);
   controls.enableDamping = true;
@@ -2250,7 +2258,11 @@ function createScene(container, backgroundColor, style, rendererConfig) {
     controls.target.addScaledVector(_wheelDir, moveAmount);
   };
   canvas.addEventListener("wheel", onWheel, { passive: false });
-  const scrollCleanup = () => canvas.removeEventListener("wheel", onWheel);
+  const scrollCleanup = () => {
+    canvas.removeEventListener("wheel", onWheel);
+    canvas.removeEventListener("dragstart", onDragStart);
+    canvas.removeEventListener("selectstart", onSelectStart);
+  };
   return {
     scene,
     camera,
@@ -3786,7 +3798,14 @@ function NetworkGraph3DInner(props, ref) {
     {
       ref: containerRef,
       tabIndex: -1,
-      style: { width: "100%", height: "100%", outline: "none" }
+      style: {
+        width: "100%",
+        height: "100%",
+        outline: "none",
+        userSelect: "none",
+        WebkitUserSelect: "none"
+      },
+      onDragStart: (e) => e.preventDefault()
     }
   );
 }