Проблема: Нажатие кнопки закрытия оставляет нижнюю кнопку мобильного меню в состоянии наведения

Question

В мобильном представлении (iOS) кнопка закрытия fancybox находится точно в том же положении, что и кнопка меню (раскрывающееся меню) под fancybox. Итак, когда я нажимаю кнопку закрытия fancybox, fancybox закрывается, но после этого кнопка меню находится в состоянии наведения (с нежелательным фоновым цветом состояния наведения). Почему на кнопку меню влияет нажатие на кнопку закрытия fancybox. Fancybox находится над кодом html ... кажется, что нажатие кнопки закрытия fancybox смешивается с кнопкой меню. (Конечно, только в iOS, и я знаю проблему удаления состояния при наведении в iOS. Так что я думаю, это как-то связано с «прикосновением»?)

Надеюсь, я достаточно хорошо описал свою проблему ;-) Спасибо!

Answer 1

Из вашего описания не ясно, является ли кнопка меню элементом триггера (например, нажатие этой кнопки запускает fancybox). Если это так, то, скорее всего, ваша кнопка получает фокус по умолчанию после закрытия fancybox. Вы можете отключить эту функцию с помощью опции backFocus.

Однако, если ваша кнопка не является элементом триггера, возможные обходные пути:

1) Переместите кнопку закрытия на другую сторону; 2) Используйте @media (hover: hover) {}, чтобы не устанавливать состояние наведения на мобильных устройствах (см. https://developer.mozilla.org/en-US/docs/Web/CSS/@media / hover # Пример )