Почему съезжает всплывающее окно?

Question

[Norum]

При нажатии кнопки Заказать звонок у меня появляется окно с обратной связью, но сбиваются стили для .popup и я не понимаю почему. Для .popup я задал display: flex; justify-content: center; align-items: center, чтобы .popup-wrapper встал посередине. Для того, чтобы скрыть .popup я в медиазапросах просписал .popup { display: none; }, так как свойство display было уже занято. Вроде как все норм, но при повторном вызове окна,обнуляется свойство display: flex для .popup, а если выставить display: flex !important, то начинаются глюки: при закрытии окна оно появляется снова.
https://jsfiddle.net/Norum87/huf4ydtx/

Answer 1

[YavaDev]

Если в стилях у блока стоит display: none, тогда jQuery по умолчанию дает этому блоку display: block.
Что бы заставить jQuery дать блоку display: flex нужно для начала прочитать документацию.
Ну а после сделать нечто такое:

$('.popup').fadeIn({
  start: function() {
    $(this).css('display','flex');
  }
});

Comments

[Norum]

а почему используется именно start? Почему нельзя просто прописать $(this).css('display','flex');