diff --git a/opentech/static_src/src/javascript/components/submission-filters.js b/opentech/static_src/src/javascript/components/submission-filters.js index 98fbc8d296a49081499037f79f7b894e823e6540..774230b5962cfdf7fa50528765065e4aa1f9263c 100644 --- a/opentech/static_src/src/javascript/components/submission-filters.js +++ b/opentech/static_src/src/javascript/components/submission-filters.js @@ -54,13 +54,4 @@ export default () => { mobileFilterPadding(dropdown); }); }); - - // wait for DOM content to load before checking for select2 - document.addEventListener('DOMContentLoaded', () => { - // Add active class to select2 checkboxes after page has been filtered - const clearButtons = document.querySelectorAll('.select2-selection__clear'); - clearButtons.forEach(clearButton => { - clearButton.parentElement.parentElement.classList.add('is-active'); - }); - }); }; diff --git a/opentech/static_src/src/javascript/main.js b/opentech/static_src/src/javascript/main.js index 9c976f7479dc7f3b386ba43d48d1d811d12dce63..06e4bb9595fcebdaa5f7cda3fb96b4b2d52bea52 100755 --- a/opentech/static_src/src/javascript/main.js +++ b/opentech/static_src/src/javascript/main.js @@ -55,6 +55,15 @@ import mobileFilterPadding from './components/mobile-filter-padding'; submissionFilters(); }); + // Add active class to select2 checkboxes after page has been filtered + document.addEventListener('DOMContentLoaded', () => { + // If there are clear buttons in the dom, it means the filters have been applied + const clearButtons = document.querySelectorAll('.select2-selection__clear'); + clearButtons.forEach(clearButton => { + clearButton.parentElement.parentElement.classList.add('is-active'); + }); + }); + // reset mobile filters if they're open past the tablet breakpoint $(window).resize(function resize(){ if ($(window).width() < 768) {