Merge pull request #16 from tomik23:tomik23/issue15

Non-closing list of results
tomickigrzegorz · Aug 16, 2020 · a358cba · a358cba
2 parents c3b4855 + 9820f1f
commit a358cba
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/docs/autosuggest.min.js b/docs/autosuggest.min.js
diff --git a/docs/index.html b/docs/index.html
@@ -102,7 +102,7 @@ <h1>The Breaking Bad API</h1>
  })
  .map(el => {
  return `
- <li class="autocomplete-item" role="option" aria-selected="false" tabindex="-1">
+ <li class="autocomplete-item" role="option" aria-selected="false">
  <p>${el.name.replace(regex, (str) => `<b>${str}</b>`)}</p>
  </li>`
  }).join('')
@@ -188,7 +188,7 @@ <h1>The Breaking Bad API</h1>
  })
  .map(el => {
  return `
- <li class="autocomplete-item" role="option" aria-selected="false" tabindex="-1">
+ <li class="autocomplete-item" role="option" aria-selected="false">
  <h2 style="margin-bottom: 10px;">${el.name.replace(regex, (str) => `<b style="color: red;">${str}</b>`)}</h2>
  <div style="display: flex;">
  <div style="margin-right: 10px;">

diff --git a/sources/js/script.js b/sources/js/script.js
@@ -105,7 +105,7 @@ class Autosuggest {
  this.outputSearch = document.createElement('ul');
  this.outputSearch.id = this.searchOutputUl;
  this.outputSearch.className = 'auto-output-search';
- this.outputSearch.tabIndex = 0;
+ this.outputSearch.tabIndex = -1;
  this.outputSearch.setAttribute('role', 'listbox');
 
  this.searchId.parentNode.insertBefore(
@@ -347,6 +347,7 @@ class Autosuggest {
 
  break;
 
+ case this.keyCodes.TAB:
  case this.keyCodes.ESC:
 
  this.setDefault();