Почему попап закрывается весь сразу?

Question

[anton_trofimov95]

Вот на этом сайте я делал окно, во вкладке source все есть - сайт
Сделал код, чтобы попап закрывался по клику вне попапа -

modalOverlay.onclick = function(event) {
    if (event.target != modal) {
        modalOverlay.classList.toggle('active')
    }
}

Только вот он закрывается по клику на все подряд, кроме дива с классом modal, а все что внутри дива, закрывает попап, хотя так же не должно быть. Как быть?

Answer 1

[anton_trofimov95]

Вроде решил вопрос, переписав код

modalOverlay.onclick = function(event) {
    if (event.target.contains(modal)) {
        modalOverlay.classList.toggle('active')
    }
}

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

Comments

[historydev]

что такое 'modal'?