right click to pan, fix fullscreen fixed container scaling sidebar issue

Author: seveibar

src/Fullscreen/index.js

@@ -72,7 +72,11 @@ export default ({
     onMouseDown: (e, specialEvent = {}) => {
       e.preventDefault()
 
-      if (e.button === 1 || (e.button === 0 && dragWithPrimary))
+      if (
+        e.button === 1 ||
+        e.button === 2 ||
+        (e.button === 0 && dragWithPrimary)
+      )
         return changeDragging(true)
 
       const projMouse = mat.applyToPoint(
@@ -140,7 +144,11 @@ export default ({
         changeZoomStart(null)
         changeZoomEnd(null)
       }
-      if (e.button === 1 || (e.button === 0 && dragWithPrimary))
+      if (
+        e.button === 1 ||
+        e.button === 2 ||
+        (e.button === 0 && dragWithPrimary)
+      )
         return changeDragging(false)
       if (e.button === 0) {
         const { iw, ih } = layoutParams.current
@@ -152,6 +160,9 @@ export default ({
       zoomIn(direction, mousePosition.current)
       // e.preventDefault()
     },
+    onContextMenu: (e) => {
+      e.preventDefault()
+    },
   }
   return { mouseEvents, mousePosition }
 }