Как сделать, чтобы с мобильного не активировалась кнопка, расположенная в hover блоке?

Question

[denism300]

Доброго дня!
Есть примерно такой блок:
jsfiddle.net/79j0vxLm/16
как бы все ок, за исключением, когда сайт открыт с мобильного. Если ткнуть пальцем в центр, где кнопки, то выполняется действие, предусмотренное кнопкой.
Как сделать, чтобы когда пользователь коснется блока, сначала появлялся hover блок, а уже если он коснется кнопки на этом hover блоке, тогда выполнялось действие по кнопке?

Comments

[Кирилл]

Как вариант, ставить hover только на десктопы.
На остальные скрывать/открывать блок с кнопками по клику

[denism300]

Кирилл, в таком случае, надо как-то определить, десктоп это или нет. По разрешению не получится, т.к. большинство планшетов имеют разрешение больше 1200 по ширине.

Answer 1

[Дима Долготер]

https://developer.mozilla.org/ru/docs/Web/CSS/touc...

Comments

[denism300]

либо это не работает, либо я не понимаю, как оно должно использоваться.
Назначил кнопкам свойство
touch-action: none
но ничего не поменялось в поведении