Close the autocomplete window once user moved outside current term

This commit is contained in:
KoloMl 2024-05-30 00:32:03 +04:00
parent 8c988b002d
commit f31fcf86b3

View file

@ -71,8 +71,20 @@ function keydownHandler(event) {
firstItem = document.querySelector('.autocomplete__item:first-of-type'), firstItem = document.querySelector('.autocomplete__item:first-of-type'),
lastItem = document.querySelector('.autocomplete__item:last-of-type'); lastItem = document.querySelector('.autocomplete__item:last-of-type');
// Prevent submission of the search field when Enter was hit if (isSearchField()) {
if (event.keyCode === 13 && isSearchField() && selected) event.preventDefault(); // Enter // Prevent submission of the search field when Enter was hit
if (selected && event.keyCode === 13) event.preventDefault(); // Enter
// Close autocompletion popup when text cursor is outside current tag
if (selectedTerm && firstItem && (event.keyCode === 37 || event.keyCode === 39)) { // ArrowLeft || ArrowRight
requestAnimationFrame(() => {
const selectionIndex = Math.min(inputField.selectionStart, inputField.selectionEnd);
const [startIndex, endIndex] = selectedTerm[0];
if (startIndex > selectionIndex || endIndex < selectionIndex) removeParent();
})
}
}
if (event.keyCode === 38) changeSelected(lastItem, selected, selected && selected.previousSibling); // ArrowUp if (event.keyCode === 38) changeSelected(lastItem, selected, selected && selected.previousSibling); // ArrowUp
if (event.keyCode === 40) changeSelected(firstItem, selected, selected && selected.nextSibling); // ArrowDown if (event.keyCode === 40) changeSelected(firstItem, selected, selected && selected.nextSibling); // ArrowDown