pokemon/src/assets/js/main.js

import * as bootstrap from 'bootstrap';
window.bootstrap = bootstrap;


// trap browser back and close the modal if open
const cardModal = document.getElementById('cardModal');
const loadingMsg = cardModal.innerHTML;
// Push a new history state when the modal is shown
cardModal.addEventListener('shown.bs.modal', () => {
  history.pushState({ modalOpen: true }, null, '#cardModal');
});
// Listen for the browser's back button (popstate event)
window.addEventListener('popstate', (e) => {
  if (cardModal.classList.contains('show')) {
    const modalInstance = bootstrap.Modal.getInstance(cardModal);
    if (modalInstance) {
      modalInstance.hide();
    }
  }
});
// Trigger a back navigation when the modal is closed via its native controls (X, backdrop click)
cardModal.addEventListener('hide.bs.modal', () => {
  cardModal.innerHTML = loadingMsg;
  if (history.state && history.state.modalOpen) {
    history.back();
  }
});