close autocomplete drop down when user click right arrow key

[indrasenakatam]

As part of our requirement when user enters autocomplete dropdown should close and update that value in the input field.

Currently this working fine when user press keyboard ENTER key OR mouse right click
the autocomplete dropdown closing like this same as happened when user press on keyboard right arrow.

even if right arrow updates the drop down also fine.

It would truly appreciate if you help on this. Thank you in advance

"@trevoreyre/autocomplete-vue": "^2.2.0",

Vue 2 composition API

<input
      v-model="hiddenSearchTerm"
      type="text"
      class="autocomplete-input search-bar__input__hidden"
    />
    <autocomplete
      ref="searchBarInput"
      :search="search"
      :placeholder="$t('search.placeholder')"
      :aria-label="$t('search.ariaLabel')"
      class="search-bar__input"
      @focus="activeField"
      @keydown.right="fillWithFirstSuggestion"
      @submit="submit"
    >