Merge pull request #363 from Edouard-Tby/fix-edge-context-menu

fix: prevent default browser context menu from appearing on edge righ…

Author: amcdnl

src/symbols/Arrow.tsx

@@ -101,14 +101,17 @@ export const Arrow: FC<ArrowProps> = ({
       scale={[1, 1, 1]}
       onPointerOver={() => onActive(true)}
       onPointerOut={() => onActive(false)}
+      // context menu controls
       onPointerDown={event => {
-        // context menu controls
         if (event.nativeEvent.buttons === 2) {
-          event.nativeEvent.preventDefault();
           event.stopPropagation();
-          onContextMenu();
         }
       }}
+      onContextMenu={event => {
+        event.nativeEvent.preventDefault();
+        event.stopPropagation();
+        onContextMenu();
+      }}
     >
       <cylinderGeometry
         args={[0, size, length, 20, 1, true]}

src/symbols/Line.tsx

@@ -100,15 +100,15 @@ const dashedFragmentShader = `
   uniform float gapSize;
   uniform float lineLength;
   varying vec2 vUv;
-  
+
   void main() {
     float totalSize = dashSize + gapSize;
     float position = mod(vUv.x * lineLength, totalSize);
-    
+
     if (position > dashSize) {
       discard;
     }
-    
+
     gl_FragColor = vec4(color, opacity);
   }
 `;
@@ -216,14 +216,17 @@ export const Line: FC<LineProps> = ({
       onPointerOver={onPointerOver}
       onPointerOut={onPointerOut}
       onClick={onClick}
+      // context menu controls
       onPointerDown={event => {
-        // context menu controls
         if (event.nativeEvent.buttons === 2) {
-          event.nativeEvent.preventDefault();
           event.stopPropagation();
-          onContextMenu();
         }
       }}
+      onContextMenu={event => {
+        event.nativeEvent.preventDefault();
+        event.stopPropagation();
+        onContextMenu();
+      }}
     >
       <tubeGeometry attach="geometry" ref={tubeRef} />
       {dashed ? (