Почему при тапе с телефона по крестику попапа срабатывает кнопка которая находится в том же месте под попапом?

Question

[GreenMan1899]

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

Почему именно при тапе такое происходит и как можно исправить? менять положение кнопок нельзя.

Comments

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

А попробуйте сделать паузу в процессе закрытия попапа, например, на несколько миллисекунд.

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

Вы в целом разобрались? Это из-за совпадения координат?

[GreenMan1899]

AlexanderZe: да, например если влево сделать крестик, то уже будет срабатывать кнопка вызова мобильного меню слева сверху

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

GreenMan1899: Должны быть настройки вашего блока. В конечном счете можно просто отключить крестик и сделать закрытие по тапу на темной области, хотя я не знаю точно ли это работает в мобильных устройства. В любом случае есть возможность повесить функцию срабатывающую непосредственно перед закрытием окна или уже после. Попробуйте реализовать паузу, должно помочь.

Answer 1

[ilya404]

Если правильно вас понял, такое поведение называется погружением/всплытием события.
Можете ограничить такое поведение, прописав в вашем обработчике:

element.ontouchend = function(event) {

event.stopPropagation();

}

Answer 2

[Владимир]

Самый простой вариант после клика давать кнопке display: none