fixed cetered search
This commit is contained in:
parent
9b92632cd6
commit
b4256eab97
2 changed files with 25 additions and 9 deletions
|
@ -22,7 +22,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
// Function to render results
|
||||
function renderSuggestions(results) {
|
||||
if (!results || !results.length) {
|
||||
searchWrapper.classList.remove('show');
|
||||
searchWrapper.classList.remove('wrapper-searching');
|
||||
resultsWrapper.innerHTML = '';
|
||||
return;
|
||||
}
|
||||
|
@ -33,7 +33,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
});
|
||||
|
||||
resultsWrapper.innerHTML = `<ul>${content}</ul>`;
|
||||
searchWrapper.classList.add('show');
|
||||
searchWrapper.classList.add('wrapper-searching');
|
||||
}
|
||||
|
||||
// Fetch suggestions when input is focused
|
||||
|
@ -91,7 +91,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
const query = item.textContent;
|
||||
searchInput.value = query;
|
||||
resultsWrapper.innerHTML = '';
|
||||
searchWrapper.classList.remove('show');
|
||||
searchWrapper.classList.remove('wrapper-searching');
|
||||
|
||||
// Submit the form or navigate to search results
|
||||
const form = searchInput.closest('form');
|
||||
|
@ -112,7 +112,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|||
// Close the suggestions when clicking outside
|
||||
document.addEventListener('click', (event) => {
|
||||
if (!searchWrapper.contains(event.target)) {
|
||||
searchWrapper.classList.remove('show');
|
||||
searchWrapper.classList.remove('wrapper-searching');
|
||||
resultsWrapper.innerHTML = '';
|
||||
currentIndex = -1;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue