Anri/mylloon.fr
1
0
Fork 0
Code Issues 15 Pull requests 2 Releases Packages 1 Activity Actions

use requestAnimationFrame for search

Browse source
This commit is contained in:
Mylloon 2024-12-12 17:14:39 +01:00
parent bf13da9178
commit 9b6d75b560
Signed by: Anri
GPG key ID: A82D63DFF8D1317F
1 changed files with 27 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/js/cours.js
View file

@ -92,9 +92,12 @@ const deepestNodeOpened = (path, options) => {
};
const searchFiles = (query, parent, currentFile) => {
// Prevent blocking the main thread
requestAnimationFrame(() => {
const children = parent.querySelectorAll("li");
if (query === "") {
const normalizedQuery = query.toLowerCase().trim();
if (normalizedQuery === "") {
children.forEach((item) => {
item.style.display = "";
if (
@ -104,19 +107,20 @@ const searchFiles = (query, parent, currentFile) => {
item.classList.add("collapsed");
}
});
uncollapse(currentFile);
return;
}
for (const item of children) {
if (item.innerText.toLowerCase().includes(query.toLowerCase())) {
const matches = item.innerText.toLowerCase().includes(normalizedQuery);
if (matches) {
item.style.display = "";
uncollapse(item);
continue;
}
item.style.display = "none";
}
});
};
window.addEventListener("load", () => {