Webページにてカーソルのスタイルが動かすまで元に戻らない

Question

HTMLにて、ボタンホバー時のカーソルをCSSにて"pointer"にしました。

ボタン押下で同一ドメインの別ページへ遷移するのですが、カーソルのスタイルは【動かすまで】"pointer"のままとなっています。
確認すると、通常のaタグも同様の挙動となっていたため、ブラウザの仕様かと思いますが、ページ更新後にカーソルを動かさずともリセットする方法をご存知でしたら教えて頂けないでしょうか。

現象を確認したのは、GoogleChrome、MicrosoftEdgeです。

Comments

[Lhankor_Mhy]

今のところ、問題が再現できないでいます。

[Lhankor_Mhy]

同一ドメインでのみ、再現するような気がしてます。

[plasticgrammer]

コメントありがとうございます。
こちらでも試してみましたが、ご指摘の通り同一ドメインという条件がありそうですね。

Answer 1

古くからあるChromeのバグのようですが、対処としてはデベロッパーツールは開かず(重要)に、カーソルのスタイル(カーソル指定させたCSS追加・削除等でも可)を明確に切り替える処理を加えるとリセットできるかと思います。

私のケースですが、ページトップへスクロールするボタン(押下すると消える)を実装したときに遭遇しましたが、デベロッパーツールのON/OFFで明確に挙動が変化した覚えがあります。

追記：jQueryをつかった例ですが、遷移してしまうのであれば、こんな強引な処理ですかね。SPAの場合ならばもっとピンポイントで処理する必要があると思います。

$('a').on('click', () => $('a').css(`cursor`, `default`) );

Comments

[so87]

バグ情報としてはこのあたりの会話のリンク周辺で、関連しているような情報が出てきます。
https://stackoverflow.com/questions/37462132/update-mouse-cursor-without-moving-mouse-with-changed-css-cursor-property

devtoolsを開いているとカーソルが変化しないバグは、今現在も残っていますね。自分の案件でさきほど確認(edge)できましたが、aタグの同一ドメイン内の遷移は追記したコードならばdevtoolsを開きっぱなしでも大丈夫でした。謎が多いです。

[plasticgrammer]

ご回答ありがとうございました。
知らない情報もあり助かります。頂いた情報を元に対応を再検討したいと思います。

改善に向かって動いてくれているとよいのですが。