# Всплывающие подсказки не отображаются на устройствах с сенсорным экраном

**URL:** https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316
**Category:** Support
**Tags:** tooltips
**Created:** [07.Июль.2021 13:39:13 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316 "2021-07-07T13:39:13Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![some-user](https://avatars.discourse-cdn.com/v4/letter/s/5daacb/32.png) [@some-user](https://meta.discourse.org/u/some-user)
#### Post date: [07.Июль.2021 13:39:13 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316/1 "2021-07-07T13:39:13Z")

</div>

Плагин, кажется, довольно прост: установите и активируйте.

Я сделал и то, и другое, результат:

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/e/6e91651ff6337fd98016ea9aa4946ea9eb446665.png)

Но всплывающие подсказки не отображаются ☹  
Ни когда я в системе, ни в режиме инкогнито и не в системе.  
Есть какие-то идеи, как это можно отладить?

Возможно, мои ожидания совершенно неверны… включен ли этот плагин на Meta? Потому что я тоже не вижу здесь всплывающих подсказок, хотя ожидал бы их увидеть при включённом плагине.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [11.Июль.2021 05:25:55 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316/2 "2021-07-11T05:25:55Z")

</div>

Вы тестируете на ноутбуке с сенсорным экраном? Я рекомендую провести тестирование на Mac, чтобы исключить влияние сенсорного экрана.

---

<div class="post-metadata">

### Author: ![some-user](https://avatars.discourse-cdn.com/v4/letter/s/5daacb/32.png) [@some-user](https://meta.discourse.org/u/some-user)
#### Post date: [11.Июль.2021 17:41:17 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316/3 "2021-07-11T17:41:17Z")

</div>

Я не хотел покупать Mac только для этого теста 😉  
Но действительно, всплывающая подсказка появляется на ноутбуке без сенсорного экрана (хотя не на Meta).  
Она не работает на вторичном несенсорном дисплее, подключенном к ноутбуку с сенсорным экраном.

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

Считается ли проблема с сенсорным экраном ошибкой?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [28.Октябрь.2021 23:24:55 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316/4 "2021-10-28T23:24:55Z")

</div>

На машинах без сенсорных экранов _наведение_ работает отлично. Вы получаете эффект наведения с помощью мыши или курсора тачпада, например, вот я навожу курсор на кнопку «Поделиться»:

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/a/fa9c9198f3d4555eb355e2d8497fb5bc84f60358.png)

Но **для ноутбуков, которые имеют и сенсорный экран, и мышь/тачпад** … я не уверен, что существует способ определить, отключена ли мышь или подключена.

Не знаю, можно ли решить это через определение медиа-запросов CSS4:

> <https://stackoverflow.com/questions/7838680/detecting-that-the-browser-has-no-mouse-and-is-touch-only/52854585#52854585>

> <https://stackoverflow.com/questions/52742466/detect-if-a-client-device-supports-hover-and-focus-states/52745820#52745820>

Но было бы здорово иметь возможность исправить это для устройств, которые определяются _одновременно_ как сенсорные и с мышью — чтобы разрешить для них наведение. Пользователи вынуждены отключать сенсорный экран на своих ноутбуках, чтобы заставить это работать, вероятно, потому что они всё равно никогда не используют сенсорную часть.

Я протестировал это: [https://jsfiddle.net/davidThomas/q29r4pjs/3/](https://jsfiddle.net/davidThomas/q29r4pjs/3/) и получил:

- настольный ПК 🔴 мышь
- iPhone 🟢 сенсорный
- Surface Pro 🔴 мышь ← неправильно!

Я также протестировал [https://jsfiddle.net/Blackbam/zkd2cs0t/16/](https://jsfiddle.net/Blackbam/zkd2cs0t/16/), и результаты те же — устройство с сенсорным экраном и мышью определяется так же, как и настольный ПК.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [23.Ноябрь.2021 16:34:21 UTC](https://meta.discourse.org/t/tooltips-not-showing-up-on-devices-with-touchscreen/196316/5 "2021-11-23T16:34:21Z")

</div>

Я только что [объединил исправление](https://github.com/discourse/discourse-tooltips/pull/33) для этой проблемы, поэтому теперь всплывающие подсказки плагина будут отображаться на сенсорных устройствах (например, Chromebook, Surface), если вы перемещаетесь с помощью мыши. (Они не будут отображаться при навигации через сенсорный экран.)

Если вы размещаете сайт самостоятельно, убедитесь, что вы пересобрали его, чтобы применить недавнее изменение плагина.