diff --git a/manage/filters.js b/manage/filters.js index 63660f37..56e1b117 100644 --- a/manage/filters.js +++ b/manage/filters.js @@ -156,7 +156,7 @@ function filterOnChange({target: el, forceRefilter}) { if (installed) { reapplyFilter(); } - updateSort(); + debounce(updateSort); } diff --git a/manage/manage.js b/manage/manage.js index efa82dbf..c1452694 100644 --- a/manage/manage.js +++ b/manage/manage.js @@ -451,7 +451,7 @@ function handleUpdate(style, {reason, method} = {}) { handleUpdateInstalled(entry, reason); } filterAndAppend({entry}); - updateSort(); + debounce(updateSort); if (!entry.matches('.hidden') && reason !== 'import') { animateElement(entry); scrollElementIntoView(entry); diff --git a/manage/sort.js b/manage/sort.js index 4f06ef48..225c5c6a 100644 --- a/manage/sort.js +++ b/manage/sort.js @@ -135,19 +135,17 @@ function sortStyles({styles, parser}) { function manageSort(event) { event.preventDefault(); prefs.set('manage.newUI.sort', this.value); - updateSort(); + debounce(updateSort); } function updateSort() { - debounce(() => { - const renderBin = document.createDocumentFragment(); - const entries = sortStyles({parser: 'entry'}); - for (const entry of entries) { - renderBin.appendChild(entry); - } - installed.appendChild(renderBin); - updateStripes(); - }); + const renderBin = document.createDocumentFragment(); + const entries = sortStyles({parser: 'entry'}); + for (const entry of entries) { + renderBin.appendChild(entry); + } + installed.appendChild(renderBin); + updateStripes(); } function showSortHelp(event) { diff --git a/manage/updater-ui.js b/manage/updater-ui.js index 874a5395..e276c097 100644 --- a/manage/updater-ui.js +++ b/manage/updater-ui.js @@ -144,7 +144,7 @@ function reportUpdateState(state, style, details) { } if (filtersSelector.hide) { filterAndAppend({entry}); - updateSort(); + debounce(updateSort); } }