Navigate components only if the canvas is focused

src/canvas/index.js

@@ -349,6 +349,14 @@ module.exports = () => {
       };
     },
 
+    /**
+     * Check if the canvas is focused
+     * @return {Boolean}
+     */
+    hasFocus() {
+      return this.getDocument().hasFocus();
+    },
+
     /**
      * Detects if some input is focused (input elements, text components, etc.)
      * Used internally, for example, to avoid undo/redo in text editing mode

src/commands/view/ComponentEnter.js

@@ -1,5 +1,6 @@
 module.exports = {
   run(ed) {
+    if (!ed.Canvas.hasFocus()) return;
     const toSelect = [];
 
     ed.getSelectedAll().forEach(component => {

src/commands/view/ComponentExit.js

@@ -1,5 +1,6 @@
 module.exports = {
   run(ed) {
+    if (!ed.Canvas.hasFocus()) return;
     const toSelect = [];
 
     ed.getSelectedAll().forEach(component => {

src/commands/view/ComponentNext.js

@@ -1,5 +1,6 @@
 module.exports = {
   run(ed) {
+    if (!ed.Canvas.hasFocus()) return;
     const toSelect = [];
 
     ed.getSelectedAll().forEach(component => {

src/commands/view/ComponentPrev.js

@@ -1,5 +1,6 @@
 module.exports = {
   run(ed) {
+    if (!ed.Canvas.hasFocus()) return;
     const toSelect = [];
 
     ed.getSelectedAll().forEach(component => {