⚡️ refactor(search): reduce search lag on mobile
Should reduce perceived lag when opening the search modal and scrolling through results.
This commit is contained in:
parent
17694ba3d8
commit
7ceada974b
@ -2686,7 +2686,7 @@ window.onload = function () {
|
|||||||
event.stopPropagation(); // Prevents tapping through the modal.
|
event.stopPropagation(); // Prevents tapping through the modal.
|
||||||
}
|
}
|
||||||
searchModal.addEventListener('click', handleModalInteraction);
|
searchModal.addEventListener('click', handleModalInteraction);
|
||||||
searchModal.addEventListener('touchend', handleModalInteraction);
|
searchModal.addEventListener('touchend', handleModalInteraction, { passive: true });
|
||||||
|
|
||||||
// Close modal when pressing escape.
|
// Close modal when pressing escape.
|
||||||
document.addEventListener('keydown', function (event) {
|
document.addEventListener('keydown', function (event) {
|
||||||
@ -2711,7 +2711,7 @@ window.onload = function () {
|
|||||||
// Clicking/tapping the search button opens the modal.
|
// Clicking/tapping the search button opens the modal.
|
||||||
searchButton.addEventListener('mouseover', loadSearchIndex);
|
searchButton.addEventListener('mouseover', loadSearchIndex);
|
||||||
searchButton.addEventListener('click', openSearchModal);
|
searchButton.addEventListener('click', openSearchModal);
|
||||||
searchButton.addEventListener('touchstart', openSearchModal);
|
searchButton.addEventListener('touchstart', openSearchModal, { passive: true });
|
||||||
|
|
||||||
let searchIndexPromise = null;
|
let searchIndexPromise = null;
|
||||||
function loadSearchIndex() {
|
function loadSearchIndex() {
|
||||||
@ -3109,7 +3109,7 @@ window.onload = function () {
|
|||||||
resultDivs.forEach((div) => {
|
resultDivs.forEach((div) => {
|
||||||
// Remove existing listener to avoid duplicates.
|
// Remove existing listener to avoid duplicates.
|
||||||
div.removeEventListener('touchstart', handleTouchStart);
|
div.removeEventListener('touchstart', handleTouchStart);
|
||||||
div.addEventListener('touchstart', handleTouchStart);
|
div.addEventListener('touchstart', handleTouchStart, { passive: true });
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
2
static/js/searchElasticlunr.min.js
vendored
2
static/js/searchElasticlunr.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user