jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

INSR-8881: Ensure modal links don't end up with doubled listeners

Browse source
This commit is contained in:
Alex Humphries 2026-04-17 10:36:26 -04:00
parent 1836e6c83f
commit 9fd92eb4cd
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/helpers/cms-content-helper.js
View file

@ -526,13 +526,13 @@ export function doesCopyContainTextLink(copy) {
*
* @param context
*/
export function setupModalLinks(context) {
export function setupModalLinks(context, abortSignal = null) {
context.$nextTick(() => {
const elements = document.getElementsByClassName('modal-text');
for (const element of elements) {
const target = element.getAttribute('modalTarget');
if (target) {
element.addEventListener('click', () => context.$refs[target].openModal());
element.addEventListener('click', () => context.$refs[target].openModal(), { signal: abortSignal });
}
}
});
@ -547,6 +547,7 @@ export function setupModalLink(context, desiredTarget) {
context.$nextTick(() => {
const element = document.querySelector(`[modalTarget=${desiredTarget}]`);
if (element) {
element.removeEventListener('click', () => context.$refs[desiredTarget].openModal());
element.addEventListener('click', () => context.$refs[desiredTarget].openModal());
}
});

11
src/layouts/coverage-statement/coverage-statement.vue
View file

@ -131,7 +131,6 @@ import recalModal from '@/iss-components/recal-modal/recal-modal.vue';
// Import Supporting Files
import {
fetchCmsContentForPage,
setupModalLink,
setupModalLinks,
processIfStatements
} from '@/helpers/cms-content-helper.js';
@ -231,7 +230,8 @@ export default {
},
RECAL_MODAL_REF_NAME,
CANCEL_CLAIM_REF_NAME,
OEM_ENDORSEMENT_REF_NAME
OEM_ENDORSEMENT_REF_NAME,
abortController: new AbortController()
};
},
computed: {
@ -367,8 +367,9 @@ export default {
watch: {
nextStepsBody(newValue, oldValue) {
if (newValue !== oldValue) {
setupModalLink(this, RECAL_MODAL_REF_NAME);
setupModalLink(this, OEM_ENDORSEMENT_REF_NAME);
this.abortController.abort();
this.abortController = new AbortController();
setupModalLinks(this, this.abortController.signal);
}
}
},
@ -376,7 +377,7 @@ export default {
if (this.isPageLoading) {
showIssLoadingModal(true);
}
setupModalLinks(this);
setupModalLinks(this, this.abortController.signal);
},
methods: {
logEventsToGA() {