From 6eabb824ea98bbadee6a4cdf2ad19cf26d8bc6ce Mon Sep 17 00:00:00 2001 From: David Kennedy Date: Mon, 4 Dec 2023 11:13:17 -0500 Subject: [PATCH] update to check both lists when enabling/disabling buttons --- src/registrar/assets/js/get-gov-admin.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/registrar/assets/js/get-gov-admin.js b/src/registrar/assets/js/get-gov-admin.js index 37b0f4900..ea357ed7d 100644 --- a/src/registrar/assets/js/get-gov-admin.js +++ b/src/registrar/assets/js/get-gov-admin.js @@ -132,11 +132,11 @@ function customizeSelectElement(el, elId) { let fromList = el.closest('.selector').querySelector(".selector-available select"); fromList.addEventListener('click', function(event) { - handleSelectClick(event, fromList, changeLink, deleteLink, viewLink); + handleSelectClick(event, fromList, el, changeLink, deleteLink, viewLink); }); el.addEventListener('click', function(event) { - handleSelectClick(event, el, changeLink, deleteLink, viewLink); + handleSelectClick(event, el, fromList, changeLink, deleteLink, viewLink); }); // Disable buttons when the selectors are interated with (items are moved from one column to the other) @@ -194,12 +194,12 @@ function createAndCustomizeLink(selectEl, selectElId, className, title, imgSrc, return link; } -function handleSelectClick(event, selectElement, changeLink, deleteLink, viewLink) { +function handleSelectClick(event, selectElement, relatedSelectElement, changeLink, deleteLink, viewLink) { // Access the target element that was clicked var clickedElement = event.target; // If one item is selected, enable buttons; otherwise, disable them - if (selectElement.selectedOptions.length === 1) { + if (selectElement.selectedOptions.length + relatedSelectElement.selectedOptions.length === 1) { enableRelatedWidgetButtons(changeLink, deleteLink, viewLink, clickedElement.value); } else { disableRelatedWidgetButtons(changeLink, deleteLink, viewLink);