Keyboard (arrows) navigation for answers

[Miguelklappes]

Basically, the title :D

[EkaterinaVu]

@Miguelklappes, thanks for the suggestion.
Actually, we’ve already considered that option and will probably implement it soon.

[spinn]

@Miguelklappes Although Flow Form doesn't implement this natively, we added a few new API functions which would allow you to do this manually/externally:

">

<template>
  <flow-form
    ref="flowform"
    v-bind:questions="questions"
    v-bind:standalone="true"
  >
  flow-form>
template>

<script>
  export default {
    name: 'example',

    components: {
      FlowForm
    },

    data() {
      return {
        questions: [
          ...
        ]
      }
    },
    mounted() {
      document.addEventListener('keyup', this.onKeyUpListener, true)
    },

    beforeUnmount() {
      document.removeEventListener('keyup', this.onKeyUpListener, true)
    },

    methods: {
      onKeyUpListener(e) {
        if (e.key === 'ArrowDown') {
          this.$refs.flowform.goToNextQuestion()
        } else if (e.key === 'ArrowUp') {
          this.$refs.flowform.goToPreviousQuestion()
        }
      }
    }
  }
script>

We'll also add this internally as well with a configurable option in a future update.

[Miguelklappes]

Thank you Spinn!