タッチスクリーン搭載デバイスでツールチップが表示されない

プラグインは非常にシンプルのようです:インストールして、有効化するだけです。

両方とも行いましたが、結果は以下の通りです:

しかし、ツールチップが表示されません :frowning:
ログイン時でも、プライベートブラウザウィンドウ(ログインなし)でも表示されません。
デバッグ方法についてご存知でしょうか?

もしかしたら私の期待が完全に間違っているのかもしれません…このプラグインは Meta 上で有効になっていますか?プラグインが有効になっているなら、ここでもツールチップが表示されるはずですが、私は見ていません。

「いいね!」 1

タッチスクリーン搭載のノートパソコンでテストしていますか?タッチスクリーンの干渉を排除するため、Macでのテストをお勧めします。

「いいね!」 2

Mac をこれだけテストするために買うつもりはありませんでした :wink:
ただし、確かにタッチスクリーン搭載ではないラップトップではツールチップが表示されます(Meta 端末では表示されませんが)。
タッチスクリーン搭載のラップトップに接続された、タッチ機能のない外部ディスプレイでは動作しません。

少なくとも一部のユーザーはツールチップの恩恵を受けるでしょう。

タッチスクリーンに関する問題はバグとみなされますか?

「いいね!」 1

ホバーはタッチスクリーンを搭載していないマシンでは正常に機能します。マウスやタッチパッドのポインターでホバーが可能であり、例えば以下は共有ボタンにホバーしている様子です:

ただし、タッチスクリーンとマウス/タッチパッドの両方を備えたノートパソコンについては、マウスが接続されているか切断されているかを検出する方法があるかどうかわかりません。

CSS4 のメディア検出でこれを解決できるかどうかも不明です:

タッチスクリーンとマウスの両方として認識されるデバイスでもホバーを有効にできれば理想的です。現在、ユーザーはノートパソコンのタッチスクリーン機能を無効にして動作させることに頼っており、おそらくタッチスクリーン部分はそもそも使っていないためでしょう。

私はこれをテストしました:https://jsfiddle.net/davidThomas/q29r4pjs/3/
その結果は以下の通りでした:

  • デスクトップ :red_circle: マウス
  • iPhone :green_circle: タッチ
  • Surface Pro :red_circle: マウス ← 誤り!

また、https://jsfiddle.net/Blackbam/zkd2cs0t/16/ も同様にテストしましたが、結果は同じでした。タッチスクリーン+マウス付きデバイスは、デスクトップと完全に同じように見えます。

「いいね!」 2

これを修正しました。これにより、ツールチッププラグインのホバーは、マウスで操作する場合、タッチスクリーンデバイス(Chromebook、Surfaceなど)で表示されるようになります。(タッチスクリーンで操作する場合は表示されません。)

サイトをセルフホストしている場合は、最近のプラグインの変更をプルするために再構築してください。

「いいね!」 3