Как сделать закрытие модального окна при нажатии вне его области?

Andrey K., спасибо, это действительно помогло.

Как сделать закрытие модального окна при нажатии вне его области?

Правильно ли я Вас понял?

function closeModal() {
  const modal = document.querySelector('.modal.show');
  const modalContent = modal.querySelector('.modal-content');

  modalContent.addEventListener('click', (event) => {
    event.stopPropagation();
  });

  modalContent.classList.remove('show');
  modal.addEventListener('transitionend', () => {
    modal.classList.remove('show');
  });
}

Если да, то это помогло лишь частично. Теперь при первом открытии окна , оно закрывается при нажатии на контент, при повторном открытии окна, уже не закрывается и так для каждого

Как сделать закрытие модального окна при нажатии вне его области?

Такой слой имеется, modal, но почему-то окно закрывается, по клику по объекту который находится поверх слоя modal, скорее всего я сделал что-то не так

Как сделать, что бы блок выезжал при клике по стрелке?

Внёс изменения, результат меня устраивает, спасибо, но остался один вопрос, сейчас блок просто спускается вниз страницы и если пролистать ниже, то его видно, а если сделать display: none; , то пропадает анимация появления блока, он просто возникает в конечной точке, не подскажите как это исправить?

Как правильно сделать формирование?

Огромное спасибо!