Как устранить затухание popup при клике на него?

Question

[an]

сейчас кликая на подложку - overlay, он закрывается вместе с popup - все как бы отлично
но если сфокусировать или кликнуть на сам popup (белый блок), происходит то же что и если нажать на overlay
собственно это нужно устранить

Answer 1

[0xD34F]

Вызывайте fadeOut только после того, как убедитесь, что кликнут был кто надо:

overlay.click(e => {
  if (e.target === e.delegateTarget) {
    overlay.fadeOut();
  }
});

// или

overlay.click(function(e) {
  $(this).filter(e.target).fadeOut();
});

Или останавливайте всплытие кликов на вложенных элементах:

overlay
  .click(() => overlay.fadeOut())
  .children()
  .click(e => e.stopPropagation());

Comments

[an]

Спасибо добрый человек

Answer 2

[Everybody_Lies]

заменить fadeOut на hide

Comments

[an]

не правильно изначально сформулировал

[an]

нужно что бы при клике или фокусе внутри блока popup, не пропадала модалка

[Everybody_Lies]

Андрей, уже ответили ниже

[an]

Everybody_Lies, вижу
Спасибо