[ML] stop handler on mount

x-pack/plugins/ml/public/application/explorer/explorer_swimlane.tsx

@@ -10,7 +10,7 @@
 
 import React from 'react';
 import './_explorer.scss';
-import _, { isEqual } from 'lodash';
+import _, { isEqual, throttle } from 'lodash';
 import d3 from 'd3';
 import moment from 'moment';
 import DragSelect from 'dragselect';
@@ -204,6 +204,8 @@ export class ExplorerSwimlane extends React.Component<ExplorerSwimlaneProps> {
     });
 
     this.renderSwimlane();
+
+    this.dragSelect.stop();
   }
 
   componentDidUpdate() {
@@ -735,14 +737,16 @@ export class ExplorerSwimlane extends React.Component<ExplorerSwimlaneProps> {
     }
   }
 
+  throttledSetSwimLaneActive = throttle(this.setSwimlaneSelectActive, 500);
+
   render() {
     const { swimlaneType } = this.props;
 
     return (
       <div
         className="mlExplorerSwimlane"
-        onMouseEnter={this.setSwimlaneSelectActive.bind(this, true)}
-        onMouseLeave={this.setSwimlaneSelectActive.bind(this, false)}
+        onMouseEnter={this.throttledSetSwimLaneActive.bind(this, true)}
+        onMouseLeave={this.throttledSetSwimLaneActive.bind(this, false)}
         data-test-subj={this.props['data-test-subj'] ?? null}
       >
         <div