yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Uses datalist for autocomplete suggestions

Browse Source
This commit is contained in:
Mouse Reeve
2022-01-10 15:47:40 -08:00
parent 380087da90
commit 2746318152
3 changed files with 4 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bookwyrm/static/css/bookwyrm.css
View File

@ -606,13 +606,6 @@ details[open].details-panel summary .details-close {
right: 1em;
}
/** Autocomplete suggestions
******************************************************************************/
.autocomplete-suggestions {
position: fixed;
z-index: 1;
}
/** Tooltips
******************************************************************************/

12
bookwyrm/static/js/autocomplete.js
View File

@ -21,25 +21,17 @@
// Get suggestions
let suggestions = getSuggestions(input.value, mimetypeTrie);
const boxId = input.id + "_suggestions";
const boxId = input.getAttribute("list");
// Create suggestion box, if needed
let suggestionsBox = document.getElementById(boxId);
if (!suggestionsBox) {
suggestionsBox = document.createElement("ul");
suggestionsBox.id = boxId;
suggestionsBox.classList.add("autocomplete-suggestions", "box");
input.insertAdjacentElement("afterend", suggestionsBox);
}
// Clear existing suggestions
suggestionsBox.innerHTML = "";
// Populate suggestions box
suggestions.forEach(suggestion => {
const suggestionItem = document.createElement("li");
const suggestionItem = document.createElement("option");
suggestionItem.textContent = suggestion;
suggestionsBox.appendChild(suggestionItem);