リクエスト広場

コメントにマウスオーバーをしても、右上のリアクション/ミュートボタンが表示されない

14 コメント
views
6 フォロー

PCの複数のブラウザで、コメントにマウスオーバーをしても、
右上のリアクション/ミュートボタンが表示されません。
コメントについたemojiリアクションは表示され、クリックで数を増やすことはできます。
スマートフォン(iPhone の Safari)や、MacのFirefoxでは、同じ掲示板を閲覧してもこの問題は発生していません。
何か考えられる原因はありますでしょうか。


画像1

現象が発生しているトピック例

こちらの環境

Windows 10 21H2
Google Chrome 108.0.5359.125、Firefox 107.0.1、Microsoft Edge 108.0.1462.46

  • アドブロック系のアドオンは入れていません
  • Edgeはアドオンのインストールなし
  • セキュリティソフトはWindows Defenderのみ
  • ブラウザの開発ツールで覗くと「comment-action-menu」のdivはあって、
    これを開発ツールでいじってムリヤリ表示させると、リアクションボタンはちゃんと機能します
  • Macも使っていますが、こちらのFirefoxではマウスオーバーでボタンが表示されます。
名前なし
作成: 2022/12/16 (金) 19:10:15
最終更新: 2023/04/14 (金) 22:02:12
通報 ...
1

同じOSの各ブラウザで同じ挙動が起きているので、OSの設定かなと思いました。
マウスオーバーを無効にする設定やソフトを使用していませんか?

2
名前なし 2023/03/24 (金) 20:21:45 545db@b36cd

>> 1
返答が大変遅くなりました。本件は運営からもなんのアクションもなく、
いまだに解決しておりません。

同じOSの各ブラウザで同じ挙動が起きているので、OSの設定かなと思いました。
マウスオーバーを無効にする設定やソフトを使用していませんか?

そのような設定やソフトは使用していません。
そもそも、ブラウザのマウスオーバーを全般的に無効にするソフト・設定というのも聞いたことがないです。
また、zawazawa上のボタンや、非ログインで通報リンクにマウスを置いたときの挙動も
マウスオーバーかと思いますが、それらは動作しています。

3
名前なし 2023/03/24 (金) 20:23:02 修正 545db@b36cd

また、ミュート・リアクションボタンを、ブラウザの開発ツールで無理矢理表示(div.comment-action-menu に active をつける)すると、ボタンを押してリアクションはつけれますし、マウスカーソルを外すとボタンが消えて、正常に動作します。

つまり、マウスオーバーでミュート・リアクションボタンが表示される仕組みのところだけが動いていない、ということになります。

この件は不具合と認識しておりますので、ユーザー間でディスカッションして解決しろというのは無茶な話で、しようがないですし、
運営さんがご確認いただけないと一生解決しなさそうです。

4
名前なし 2023/04/04 (火) 04:33:34 869af@c7d29 >> 3

ここは横から書き込んでも良いところなのでしょうか?実は自分もその状態になって困っていたところ、このトピックを発見したので書き込ませていただきます。以前はミュートなどの機能が使えていたのに気が付いたらこの状態になっていました。あまりミュート機能等を使わないのでいつからこの状態なのかはハッキリしません。
OS windows11
firefox 111.0.1 (64 ビット)、Google Chrome 111.0.5563.147
の両方のブラウザで起きています。
そんなに話に上がらないということはこの現象が起きている人が余りいないということでしょうかね。
いわゆるおま環というやつなのでしょうが、原因が分からなくて困っています。もし何か進展があれば教えていただきたいです。

5
名前なし 2023/04/10 (月) 19:41:14 修正 abccb@b36cd >> 4

トピック主ですが、横から書き込んでいただいて大丈夫です。ありがとうございます。
今のところ進展はなく、できなくなったPCはできないまま、できるPC/Macはできる、という状態のままです。
と書いていましたが、ブラウザの開発ツールで調べて原因が特定できましたので、以下に記載しました。

6
zawazawa運営 2023/04/10 (月) 19:44:16

申し訳ございません。再現ができませんでした。
引き続き議論いただけたら幸いです。

7
名前なし 2023/04/10 (月) 19:49:29 修正 abccb@b36cd >> 6

コメントありがとうございます。運営さんが一応見ていただいているのはわかりました。
しかしすいませんが、議論しようがないです。
議論とは、意見を言い合って批評し、論じ合うことですが、不具合報告は意見を述べ論じて行うものではないからです。

8
名前なし 2023/04/10 (月) 21:10:05 修正 abccb@b36cd

zawazawa運営様
おそらく原因がわかったため記載します。
jquery.comment-action-menu.js

    const hoverEvent = [];
    const isTouchDevice = navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
    if (isTouchDevice) {
        // A タッチできるならタッチをトリガーに
        hoverEvent.push('touchstart.' + EVENT_NAMESPACE);
    }
    if (navigator.pointerEnabled || !isTouchDevice) {
        // B タッチできるかどうかに関係なくマウスポインタがあるなら
        // (& このプロパティがないブラウザを想定して、タッチなしなら常に) ホバーで
        hoverEvent.push('mouseenter.' + EVENT_NAMESPACE);
    }

この部分、現象が発生しているPCでは navigator.maxTouchPoints が 2 になっており、
isTouchDevice が true となり、タッチパネルを備えたデバイスと判定されています。
その理由としては、ペンタブレットのドライバーをこのPCにインストールして使用しているためと思われます。
(XPPen製Wacom製のドライバをインストール済み。Macでは影響がない一方で、Windows環境では、ドライバをインストールすると、タッチパネル搭載として扱われてログイン画面でソフトウェアキーボードが出たりなどの変化があります。ドライバをインストールしたら、ペンタブレット実機がなくても、再現できるかもしれません)
一方で、navigator.pointerEnabled は undefined です。

したがって、mouseenter のイベント追加が行われず、ボタンが表示されないということになります。
(navigator.pointerEnabled || !isTouchDevice) という条件の見直しが必要かと思われます。
ここまでわかりましたから、修正をお願いします。

逆に、こちらのPC環境に対して補足要求がありましたらお願い致します。

9
zawazawa運営 2023/04/10 (月) 21:18:30 >> 8

情報提供ありがとうございます。
確認いたします。

10
名前なし 2023/04/10 (月) 21:22:04 修正 abccb@b36cd >> 9

何卒よろしくお願いいたします。
実際に試していませんが、SurfaceのようなタッチパネルつきのWindowsPCでもアウトになりそうです

11
zawazawa運営 2023/04/12 (水) 12:03:45 >> 9

新しいロジックを検討しております。
恐れ入りますが、今しばらくお待ちください。

12
zawazawa運営 2023/04/14 (金) 17:10:10 >> 9

調整しました。
ご確認いただけたら幸いです。

13
名前なし 2023/04/14 (金) 20:41:54 abccb@b36cd >> 9

ありがとうございます!
今までリアクションボタンが表示されなかった環境で試してみたところ、
いずれでも表示されて機能が利用可能となりました。
原因特定からの迅速なご対応、大変助かります。ありがとうございました。
引き続き利用させていただきますので、よろしくお願いいたします。

14
zawazawa運営 2023/04/14 (金) 22:01:48 >> 9

ご確認ありがとうございます。
今後ともよろしくお願いいたします。

要望は具体的な提案や理由を書いて下さい。
×