Remove focus events on when showing a card

Resolves h5p#102

Author: keevan

src/scripts/h5p-dialogcards-card.js

@@ -468,23 +468,6 @@ class Card {
     }
   }
 
-  /**
-   * Set focus to a given card.
-   * @param {boolean} force If true, don't wait for transition.
-   */
-  setCardFocus(force) {
-    if (force === true) {
-      this.$cardTextArea.focus();
-    }
-    else {
-      // Wait for transition, then set focus
-      const $card = this.getDOM();
-      $card.one('transitionend', () => {
-        $card.focus()
-      });
-    }
-  }
-
   /**
    * Stop audio of card.
    */

src/scripts/h5p-dialogcards.js

@@ -608,7 +608,6 @@ class Dialogcards extends H5P.EventDispatcher {
 
       this.currentCardId = targetPosition;
       this.updateNavigation();
-      this.cards[this.currentCardId].setCardFocus();
     };
 
     /**
@@ -642,7 +641,6 @@ class Dialogcards extends H5P.EventDispatcher {
       this.createDOM();
 
       this.updateNavigation();
-      this.cards[this.currentCardId].setCardFocus(true);
 
       this.trigger('resize');
     };
@@ -672,7 +670,6 @@ class Dialogcards extends H5P.EventDispatcher {
       this.showAllAudio();
 
       this.cards[this.currentCardId].resizeOverflowingText();
-      this.cards[this.currentCardId].setCardFocus();
     };
 
     /**