1.8.2

Fixes #102

Clicking on the scroll bar has been a rough go with this library. This release aims to rid us of the all the frustration.

Bugfix

Fixed incorrect scrollbar click calculation. Thanks to @artem-tim for submitting the issue.

From #89

1.8.0-1 Bugfix

#85 Removes form-control as an always present css class on the <input />

Migration from 1.x -> 1.8.0-1

If you had class set on the inputProps property, then vue-autosuggest used to always append form-control. If class is empty, the form-control class is the default, but if you have it set then now you need to specifically add form-control to inputProps.class if you are wanting it.

Thanks

Thanks to @felixledem for the suggestion and initial PR.

:bug: multiple instances navigation fixes

When vue-autosuggest is next to another vue-autosuggest and user is trying to navigate through the list......

Thanks to @scottadamsmith for the contribution!!!

#78

Bugfix

*fix(mousedown) check for presence of results

Fixes #66

Thanks to @stripathix for finding this bug so quickly!

1.7.1-1 bugfixes scrollbar clicking and event management

fix(scroll) don't close autosuggest when clicking on scrollbar (#64)

• destroy event listeners in beforeDestroy lifecycle
• tests(listener) trigger mousedown as well

FIxes #63

Notes:
The biggest benefit for this release is not only the ability to click and drag the scroll bar, but the cleanup of event listeners, which would previously hang around even after the component would be destroyed.

1.7.0 @suggestion and minify esm bundle

CHANGELOG:

• feat(events) add suggestion as event @suggestion
• chore(eslint) add eslint vue/recommended configuration and have
  autosuggest lib conform
• chore(rollup) uglify esm module for smaller lib size

Migrating from 1.6-1.7:

The on-selected event is now @selected. See https://github.com/Educents/vue-autosuggest#props docs

Fixes #58, From #62

Attribute prop customization

Added component id and class customization props:

• component-attr-id-autosuggest
• component-attr-class-autosuggest-results-container
• component-attr-class-autosuggest-results

Slots!!!

Did someone say sloths?

Slots

You can now add header, footer and suggestion slots to vue-autosuggest components. This allows you to not have to use renderSuggestion and supercharges this component's api:

• render elements are together so it's easier to read
• easier for vue users and doesn't force users to think about createElement or JSX for suggestion styling
• more control over header/footer

Usage would look like this:

<vue-autosuggest ...>
  <template slot="header">
    header slot content here
  </template>
  
  <template slot-scope="{suggestion}">
    <div v-if="suggestion.name === 'blog'">
      <a target="_blank" :href="suggestion.item.url">{{suggestion.item.value}}</a></div>
    <div v-else>{{suggestion.item}}</div>
  </template>

  <template slot="footer">
    footer content here
  </template>
</vue-autosuggest>

Docs in README:
https://github.com/Educents/vue-autosuggest#slots

1.4.3

Fixes #46

Thanks to @kevincobain2000 for finding this bug 👏🏻