Почему magnific popup не дает моей форме сработать?

Question

[Максим Шадрин]

Всем привет. Есть страница: newversion.go-mf.ru/portfolio
При нажатии на любой элемент портфолио в скрытый на этой странице блок грузится контент аяксом. Потом этот блок открывается во всплывашке посредством magnific popup.
И так как магнифик не умеет городить всплывашку внутри себя, то на этой же основной странице так же присутствует форма, которая открывается по клику на кнопку "хочу такую же".
Она выводится поверх всплывашки тупо из-за бОльшего z-index.
Но вот беда, фокусировка input не срабатывает, по ним невозможно кликнуть. Невозможно что-то ввести. Причем форму явно ничего не перекрывает, Кнопка закрыть и кнопка отправить работает. А из формы можно выделить весь текст.
Самое интересное, что если закрыть всплывашку, порожденную magnific popup (на фоне), то форма сразу начнет реагировать. Не могу понять, в чем тут дело.

Comments

[Степан Крапивин]

magnific popup навешивает на body event listener на focus, который не даёт навести фокус чему-либо кроме первого (и единственного popup). Если его убрать, то будет возможно кликать на инпуты в форме.
Как вы будете убирать этот event listener я без понятия. В любом случае это будет кривой костыль и скорее всего появятся другие проблемы из-за этого.
Так что лучший вариант для magnific popup — использовать одну и ту же модалку для отображения. Как и задумано авторами magnific popup.
Либо заменять на другой плагин, позволяющий делать по несколько модалок одновременно.

Answer 1

[ThunderCat]

MP умеет по клику менять попапы, ничего не мешает по клику в нем открывать другой магнифик(первый закроется автоматически) и по субмиту формы вызвать нужный попап снова.
пример

Answer 2

[Максим Шадрин]

Оказалось все до банального просто. Я перенес код накладывающейся формы внутрь контента, всплывающего в попапе, вместо того, чтобы оставлять его на основной странице. Тем самым я сделал его частью magnific контента, и теперь форма стала реагировать на инпуты.