v2.2.0 a11y update

Thanks to @42tte for finding the inconsistencies between vue-autosuggest and the wai-aria spec by moving some attributes into the surrounding wrapper!

Migrating to 2.2.0: It should not affect any functionality (minor release), but you might be mindful of where the role="combox" is and also how the aria-controls are located if you relied on those for any reason for styling, though that is not recommended since there are plenty of classes to target.

#194

Welcome @42tte as a new contributor!

v2.1.2 Bugfixes a11y improvements and negative index regression

Fixes #191 and #190. Thanks to @account-suspended and @ariross for the bug reports!

Changelog:

• fix(currentIndex) disallow negative index > -1
• fix(a11y) ARIA attributes must conform to valid values
  • Add docs for
  • Ensures every ARIA input field has an accessible name: aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty. This was due to the fact that aria-labelledby in the <ul> was always referencing "autosuggest". Now it will use the section config label.

v2.1.1 Bugfix on section slots

Fixes #176 where the section slots would render incorrectly or disappear since the key was not always unique by index. Added the section name to the v-for key. Thanks to @DiskoPete for the reproduction and suggestion as to where the issue was, which was super helpful in getting this fix in.

v2.1.0 FEATURES

New Features:

#181 - feat: Add events @opened and @closed
#182 - feat(event): add item-changed event
#183 - docs(js): add code level docs. Should make it easier to contribute now.
#184 - feat(css): configurable prefix

Issues closed:
Fixes #97, #150, #177, #178

Thanks to @BerniML for the opened/closed PR and for becoming the latest contributor!

v2.0.4 Bugfix

Fixes #124 where cryptic error would be thrown when suggestions had null data e.g. suggestions: [{data: null}]

Thanks to @qrczak for the bug report!

v2.0.3 Bugfix

Fixes #142 where inputProps were not reactive. Thanks to @Ealdst for reporting this bug!

This release fix is inspired by a section in this post:
https://overreacted.io/writing-resilient-components/#principle-1-dont-stop-the-data-flow

2.0.2 Bugfixes

Fixes #136, Fixes #135, Fixes #129

2.0.1 - bugfix

Fixes #129 where in some cases, re-renders would cause the default autocomplete="off" to be unset. Users could get around this by setting inputProp.autocomplete = 'off' explicitly, but that wasn't very nice. Thanks to @cdwmhcc for reporting!

2.0.0 ✨

Fixes #52, Fixes #96, Fixes #92, Fixes #109, Fixes #99, Fixes #95,

• Long await v-model support. Use v-model and remove internal searchInput watcher

• switch to @input event handler for v-model support / more intuitive native <input /> method

• addresses outstanding TODOs for 2.0 breaking changes such as removing deprecated events onInputChange, onClick, onBlur, onFocus, and onSelected

• remove initialValue prop as now it can be set via v-model

• perf(*) remove watcher, use computed for sections, section lists, size etc.

• you can now configure the type attribute on the <input> via inputProps.type

• Improved naming/classnames to follow BEM style:

  • autosuggest__input-open --> autosuggest__input--open
  • autosuggest__results_item --> autosuggest__results-item
  • autosuggest__results_item-1 --> autosuggest__results-item--1
  • autosuggest__results_item-highlighted --> autosuggest__results_item-highlighted
  • autosuggest__results_title_${this.section.name} --> autosuggest__results-before--${this.section.name}

• New slots:

<!-- WARNING PSEUDO CODE, NOT RUNNING CODE OR REAL CLASS NAMES -->
<vue-autosuggest>
  <slot name="before-input"/>
  <input />
  <slot name="after-input"/>
  <div class="container">
    <div class="results">
      <slot name="before-suggestions" />
      <ul class="suggestions">
        <slot name="before-section-<section.name>" />
        
        <li><slot name="default" /></li>
        <slot name="after-section-{section.name}" />
        <slot name="after-section-default" />
      </ul>
    </div>
    <slot name="after-suggestions" />
  </div>
</vue-autosuggest>

1.8.3 Bugfix for IE/Edge scrollTo

Bugfix to support IE/Edge since they don't support scrollTo. #40