Модальное окно закрывается при клике на него как поправить?

Question

[Colonn]

Добрый день! делаю модальное окно,при нажатии на него оно закрывается!Класс "filter" если я оборачиваю в него html разметку, создает нужный мне скролл модального окна если оно не поместилось на экране, но соответственно он перекрывает весь экран и при нажатии на любую часть он закрывается.Я пытался добавить класс в html и стилизовать его но не получилось.У меня либо работает скролл либо правильное открытие закрытие окна, а вместе они не дружат)Если не сложно подскажите как это поправить?

`https://codepen.io/Colonn/pen/gOdpGmO`

Answer 1

[barsecky]

Вам нужно повесить слушатель на filter и при клике на нем скрывать все

filter.addEventListener('click', ({target}) => {
    if (target === filter) {
        modal.classList.remove('form-active')
      filter.classList.remove('filter-active')
      body.classList.remove('form__scroll')
    }
  });

Comments

[Colonn]

нет скрола страницы если модальное окно не влезло в экран

[barsecky]

у меня скрол есть,
код на скрол не влияет, я просто переписал всш код на закрытие по клику вне модалки

[Colonn]

Спасибо большое!!! код менял не вернул обратно у себя! классное решение простое и изящное)