dont create multiple versions of bound function

mharris717 · Sep 29, 2020 · 3edbb23 · 3edbb23
1 parent cce8600
commit 3edbb23
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/addon/components/draggable-object-target.js b/addon/components/draggable-object-target.js
@@ -64,18 +64,24 @@ export default Component.extend(Droppable, {
 
   didInsertElement() {
       this._super(...arguments);
-      this.element.addEventListener('mouseenter', this.handleMouseEnter.bind(this));
+      this.element.addEventListener('mouseenter', this.boundHandleMouseEnter);
   },
 
   willDestroyElement() {
       this._super(...arguments);
-      this.element.removeEventListener('mouseenter', this.handleMouseEnter.bind(this));
+      this.element.removeEventListener('mouseenter', this.boundHandleMouseEnter);
   },
 
   actions: {
     acceptForDrop() {
       let hashId = this.get('coordinator.clickedId');
       this.handlePayload(hashId);
     }
+  },
+
+  init() {
+    this._super(...arguments);
+
+    this.set('boundHandleMouseEnter', this.handleMouseEnter.bind(this));
   }
 });