perf: optimize UI rendering and event lifecycle

2026-02-18 10:53:43 +01:00
parent f661282962
commit 0d7c8bc019
28 changed files with 1832 additions and 766 deletions
@@ -82,7 +82,14 @@ document.addEventListener('DOMContentLoaded', async () => {
    if (filterType) filterType.addEventListener('change', filterAndSortItems);
    if (sortBy) sortBy.addEventListener('change', filterAndSortItems);
    if (sharedSearchBtn) sharedSearchBtn.addEventListener('click', filterAndSortItems);
-    if (sharedSearch) sharedSearch.addEventListener('keyup', e => { if (e.key === 'Enter') filterAndSortItems(); });
+    if (sharedSearch) {
+        let searchDebounce;
+        sharedSearch.addEventListener('input', () => {
+            clearTimeout(searchDebounce);
+            searchDebounce = setTimeout(filterAndSortItems, 250);
+        });
+        sharedSearch.addEventListener('keyup', e => { if (e.key === 'Enter') { clearTimeout(searchDebounce); filterAndSortItems(); } });
+    }
    if (goToFilesBtn) goToFilesBtn.addEventListener('click', () => window.location.href = '/');

    if (shareDialogCloseBtn) shareDialogCloseBtn.addEventListener('click', closeShareDialog);