Как закрыть попап в фенсибокс на телефоне?

Question

[Роман]

demo6.epiales.net/1test/artem если открыть попап на телефоне, то при клике на черную область попап не закрывается. Если зайти з компьютера, то всё ок. Только на телефоне такое происходит

Answer 1

[Александр Лысенко]

Там есть крестик, она закрывает. Думаю то же произойдет если заполнить форму и отправить. Если хотите добавить еще возможности закрыть, отлавливайте тап по конкретной области и привязывайте на него яункцию close() от самого fancybox. Но проще поработать с кнопкой и сделать ее более заметной

Comments

[Роман]

та нужно, что б на черное закрывало.

[Александр Лысенко]

Роман: погуглите функцию fancybox на закрытие и привяжите ее к блоку с темным экраном.

[Роман]

AlexanderZe: преждем чем задать вопрос это попробовал сразу) закрывает, но тупо всё. Нельзя стать на инпут, никуда. Вроде фигня, поставить у попапа з-индекс выше и делов то, визуально все хорошо, но всё равно оно закрывает.

[Александр Лысенко]

Роман: мне кажется у вас косяк в верстке или версия fancybox старая. Я зашел на сайт скрипта, там блок тоже не закрывается по тапу на черную область, но можно сделать скролл и он закроется.

У вас же даже окно для ввода текста имеет неприятный формат. Ничего не прочесть

[Роман]

AlexanderZe: я вкурсе как оно работает и как закрывает. Заказчику нужно именно по клику, а закрытие при скроле сказал убрать. Про то что нифига не видно, я согласен, но опять же таки, это говно ленд от говно заказчика, который не принимает его без этой параши...

[Александр Лысенко]

Роман:

преждем чем задать вопрос это попробовал сразу) закрывает, но тупо всё. Нельзя стать на инпут, никуда. Вроде фигня, поставить у попапа з-индекс выше и делов то, визуально все хорошо, но всё равно оно закрывает.

Ну в таком случае все проще. Форм у вас в .popup. Повесьте закрытие на псевдоэлемент :before

[Роман]

AlexanderZe: разве через js можно повесить что то на псевдоелемент?

[Александр Лысенко]

Роман: вообще да. Родителю pointer-events: none;, а элементу pointer-events: all;. Но это тоже походу не сработает. Элемент перекроет родителя при растяжении на весь экран

[Александр Лысенко]

Роман: Кстати, этих свойств у вас походу и не хватает )

[Роман]

AlexanderZe: а как это кодом записывается, подскажите? а то в js не силен)

[Александр Лысенко]

Роман: вам не подойдет, так как действие вешается непосредственно на блок, но срабатывает уже по клику на псевдо элемент. Моя ошибка. Попробуйте использовать те свойства что я указал, они отвечают за реакцию на клик по элементу. Одно отключает ее, а другое включает