Disable unnecessary zooming and panning in Chart/Log/MarkdownRenderer

src/frontend/core/renderers/Array2DRenderer/index.jsx

@@ -4,6 +4,13 @@ import styles from './stylesheet.scss';
 import { classes } from '/common/util';
 
 class Array2DRenderer extends Renderer {
+  constructor(props) {
+    super(props);
+
+    this.togglePan(true);
+    this.toggleZoom(true);
+  }
+
   renderData() {
     const { data } = this.props.data;
 

src/frontend/core/renderers/GraphRenderer/index.jsx

@@ -9,6 +9,9 @@ class GraphRenderer extends Renderer {
 
     this.element = React.createRef();
     this.selectedNode = null;
+
+    this.togglePan(true);
+    this.toggleZoom(true);
   }
 
   handleMouseDown(e) {

src/frontend/core/renderers/Renderer/index.jsx

@@ -11,6 +11,12 @@ class Renderer extends React.Component {
     this.handleMouseMove = this.handleMouseMove.bind(this);
     this.handleMouseUp = this.handleMouseUp.bind(this);
     this.handleWheel = this.handleWheel.bind(this);
+
+    this._handleMouseDown = this.handleMouseDown;
+    this._handleWheel = this.handleWheel;
+    this.togglePan(false);
+    this.toggleZoom(false);
+
     this.lastX = null;
     this.lastY = null;
     this.centerX = 0;
@@ -24,6 +30,14 @@ class Renderer extends React.Component {
   componentDidUpdate(prevProps, prevState, snapshot) {
   }
 
+  togglePan(enable = !this.handleMouseDown) {
+    this.handleMouseDown = enable ? this._handleMouseDown : undefined;
+  }
+
+  toggleZoom(enable = !this.handleWheel) {
+    this.handleWheel = enable ? this._handleWheel : undefined;
+  }
+
   handleMouseDown(e) {
     const { clientX, clientY } = e;
     this.lastX = clientX;