Fix/on quick select (#144)

Fixed issue with QuestionType.MultipleChoice when quickly switching choices or when quickly pressing enter.

Author: EkaterinaVu

src/components/Question.vue

@@ -144,7 +144,8 @@
     data() {
       return {
         QuestionType: QuestionType,
-        dataValue: null
+        dataValue: null,
+        debounced: false
       }
     },
     mounted() {
@@ -188,8 +189,24 @@
        * Emits "answer" event and calls "onEnter" method on Enter press
        */ 
       onEnter($event) {
+        this.checkAnswer(this.emitAnswer)
+      },
+
+      onTab($event) {
+        this.checkAnswer(this.emitAnswerTab)
+      },
+
+      checkAnswer(fn) {
         const q = this.$refs.questionComponent
 
+        if (q.isValid() && this.question.nextStepOnAnswer && !this.question.multiple) {
+          this.debounce(() => fn(q), 350)
+        } else {
+          fn(q)
+        }
+      },
+
+      emitAnswer(q) {
         if (q) {
           if (!q.focused) {
             this.$emit('answer', q)
@@ -199,16 +216,24 @@
         }
       },
 
-      onTab($event) {
-        const q = this.$refs.questionComponent
-
+      emitAnswerTab(q) {
         if (q && this.question.type !== QuestionType.Date) {
           this.returnFocus()
           this.$emit('answer', q)
           
           q.onEnter()
         }
       },
+
+      debounce(fn, delay) {
+        let debounceTimer
+        this.debounced = true
+      
+        return (() => {
+          clearTimeout(debounceTimer)
+          debounceTimer = setTimeout(fn, delay)
+        })()
+      },
       
       /**
        * Check if the "OK" button should be shown.

src/components/QuestionTypes/MultipleChoiceType.vue

@@ -167,12 +167,12 @@
         } else {
           this.dataValue = option.selected ? option.choiceValue() : null
         }
-      
-        this.setAnswer(this.dataValue)
-        
+
         if (this.isValid() && this.question.nextStepOnAnswer && !this.question.multiple) {
-          setTimeout(() => this.$emit('next'), 350)
+          this.$emit('next')
         }
+
+        this.setAnswer(this.dataValue)
       },
 
       _removeAnswer(value) {