Загрузчик Twitter: модальное затухание

У меня проблема с модальным загрузочным модулем twitter ...

Он отлично работает, когда у меня нет класса .fade в моем элементе. Как только я добавляю его, модальное окно не появляется.

Я обнаружил проблему в этой строке, я думаю:

doAnimate ?
  this.$backdrop.one(transitionEnd, callback) :
  callback()

doAnimate is webkitTransitionEnd , выглядит нормально. Но я думаю transitionEnd никогда не запускается, потому что я пытаюсь зарегистрировать что-то в обратном вызове, и это никогда не регистрируется.

Есть идеи?


РЕДАКТИРОВАТЬ: какой-то код

Ссылка:

<a href="/events/2-fefewfewfe/rsvps" data-backdrop="true" data-controls-modal="event-modal" data-keyboard="true">I'm attending!<span class="ico join"></span></a>

Модальный (работает без класса затухания, не работает, когда я его добавляю)

<div id="event-modal" class="modal hide fade"></div>

CSS:

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

Я что-то не хватает?

9
задан Brian Tompsett - 汤莱恩 10 August 2019 в 18:04
поделиться