Move button listener

Author: davidangarita1

src/components/modebar/modebar.js

@@ -45,16 +45,6 @@ proto.update = function(graphInfo, buttons) {
     this.element.setAttribute('id', modeBarId);
     this.element.setAttribute('role', 'toolbar');
     this.element.setAttribute('tabindex', '0');
-    
-    this.element.addEventListener('keydown', function(e) {
-        if (e.key === 'Enter' || e.key === ' ') {
-            const activeButton = e.target.closest('.modebar-btn');
-            if (activeButton) {
-                activeButton.click();
-                e.preventDefault();
-            }
-        }
-    });
 
     this._uid = modeBarId;
     this.element.className = 'modebar modebar--custom';
@@ -191,6 +181,15 @@ proto.createButton = function(config) {
             // only needed for 'hoverClosestGeo' which does not call relayout
             _this.updateActiveButton(ev.currentTarget);
         });
+        button.addEventListener('keydown', function(e) {
+            if (e.key === 'Enter' || e.key === ' ') {
+                const activeButton = e.target.closest('.modebar-btn');
+                if (activeButton) {
+                    activeButton.click();
+                    e.preventDefault();
+                }
+            }
+        });
     }
 
     button.setAttribute('data-toggle', config.toggle || false);