Need double TAB to get focus

Hi, thanks for this really nice component! I found a little unexpected behavior here when I want to focus to this component from previous input control with Tab key. I need to stroke Tab key twice to focus and start typing on this component. I have tested it on Chromium 73 and Firefox 66 on Ubuntu 16.04. Thanks.

[iliyaZelenko]

This seems to be completely fixed in version 2.10.2. I created for you a demonstration project where you can see this.

Thank you for finding this error and sorry for seeing it in your project.

[iliyaZelenko]

I think I fixed the problem with the navigation through the <kbd>Tab</kbd>, but I need your confirmation.

I also added a new successful option that adds success styles. I also added 4 new slots (input-before, input-start, input-end, input-after) that allow you to place your content in different parts of the component. Using slot input-end, you can put a tick as you have in the screenshot.

I wrote a sample code that works for me (note: the new slot syntax is used):

Demo on Codesanbox.

<cool-select
  v-model="selected"
  :items="items"
  :error-message="errorMessage"
  :successful="!!(!errorMessage && selected)"
  placeholder="Select name"
>
  <template slot="input-end">
    <span
      v-if="selected || errorMessage"
      style="margin-right: 8px;"
      >
      {{ errorMessage ? '❌' : '✔️' }}
    </span>
  </template>
</cool-select>

Waiting for your reply.