Я заметил, что на двух андроид-устройствах в браузерах Google Chrome и Яндекс.Браузер hover наступает после клика по элементу. Если элемент на клик не реагирует, а реагирует только на наведение, это сработает. Не уверен, что на всех системах и во всех браузерах так.
Предполагаю, происходит следующее (это гипотеза, может быть неверной):
В тач-устройстве в браузере есть курсор, но он не отображается. Когда вы кликаете куда-то, курсор помещается в эти координаты, и остаётся там. Соответственно, элементы под курсором считают, что на них навелы курсор, и на них отрабатывает ховер.
Но если вы хотите, чтобы элемент реагировал и на ховер, и на клик, то выше верно сказали, что вы хотите нарушить грамотность UX. То есть, вы решаете неверно поставленную задачу. Значит, стоит поставить другую задачу, на уровне выше: как дать возможность пользователю взаимодействовать с одним элементом двумя способами. Но тут зависит от сути взаимодействия. Если вы хотите, чтобы просто была красивость при ховере, то на тач-скрине её не будет. Если хотите, чтобы всплывала подсказка или что-то вылезало — сделайте рядом иконку или кнопку, которая это будет делать. А клик на основном элементе не трогайте, не ломайте UX.
Средний
Простой
Простой
