From a2f04515f48df00e6bbee9e4fa1fb0685c35416a Mon Sep 17 00:00:00 2001 From: Rachid Mrad Date: Fri, 21 Jun 2024 18:32:41 -0400 Subject: [PATCH] trigger close whenever focus leaves accordion --- src/registrar/assets/js/get-gov.js | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/src/registrar/assets/js/get-gov.js b/src/registrar/assets/js/get-gov.js index 1b6029e47..bca0e0053 100644 --- a/src/registrar/assets/js/get-gov.js +++ b/src/registrar/assets/js/get-gov.js @@ -1248,10 +1248,10 @@ document.addEventListener('DOMContentLoaded', function() { }); }); - domainsSearchInput.addEventListener('focus', function(e) { - console.log('focus'); - closeFilters(); - }); + // domainsSearchInput.addEventListener('focus', function(e) { + // console.log('focus'); + // closeFilters(); + // }); domainsSearchSubmit.addEventListener('click', function(e) { e.preventDefault(); @@ -1337,7 +1337,7 @@ document.addEventListener('DOMContentLoaded', function() { loadDomains(1, 'id', 'asc'); resetHeaders(); updateStatusIndicator(); - closeFilters(); + //closeFilters(); } if (resetFiltersButton) { @@ -1357,6 +1357,17 @@ document.addEventListener('DOMContentLoaded', function() { } } + document.addEventListener('focusin', function(event) { + const accordion = document.querySelector('.usa-accordion--select'); + const accordionIsOpen = document.querySelector('.usa-button--filter[aria-expanded="true"]'); + + if (accordionIsOpen && !accordion.contains(event.target)) { + console.log('trigger') + closeFilters(); + toggleCaret(statusToggle); + } + }); + // Load the first page initially loadDomains(1); }