Почему не всегда можно закрыть модальное окно при навешивании обработчика на подложку

Закрытие модального окна по клику на подложку может не работать из-за всплытия событий (event bubbling). Если внутри модалки есть кликабельные элементы, клик по ним всплывет до подложки, вызывая нежелательное закрытие.

Решение — проверять event.target:

modalOverlay.addEventListener('click', (e) => {
  if (e.target === modalOverlay) {
    closeModal();
  }
});

Другие причины:

• pointer-events: none у подложки
• Модалка перехватывает клики (например, через stopPropagation)
• Z-index элементов настроен некорректно
• Подложка перекрыта другими элементами из-за структуры DOM