Estoy usando Bootstrap v5.1.3 con JavaScript estándar, pero debo haber entendido mal cómo configurar detectores de eventos modales. Así es como los he configurado para dos modales:

 var firstModal = new bootstrap.Modal(document.getElementById("firstModal")); var firstModalEL = document.getElementById('firstModal'); firstModalEL.addEventListener('show.bs.modal', function (event) { console.log("firstModal"); }); var secondModal = new bootstrap.Modal(document.getElementById("secondModal")); var secondModalEL = document.getElementById('secondModal'); secondModalEL.addEventListener('show.bs.modal', function (event) { console.log("secondModal"); });

Pero cuando el segundo modal se muestra usando

 secondModal.show();

se ejecuta el detector de eventos para el primero.

¿Alguien puede ver dónde me estoy equivocando?