不明なテキストカーソル（キャレット）が表示される

はじめに

Chakra UI V3の学習をしていたところ、いつの間にか原因不明のテキストカーソル（キャレット）が表示されるようになりました。
Chakraが原因ではなかったため備忘として残します。

問題

テキストカーソル（キャレット）とは、inputなどのフォーム上でテキスト入力箇所を点滅表示してくれるものです。

Chakraでログイン画面を作成していたところ、いつの間にかフォームでもない箇所にテキストカーソルが表示されるようになりました。

解決方法

問題はChakraではなく、ブラウザでした。
ブラウザのカーソルブラウザモードがONになっていたためでした。
使用していたブラウザはChromeでしたので、ブラウザ上でF7キーを押し、カーソルブラウザモードをOFFにすることで解決しました。
なお、F7キーはカーソルブラウザモードのON/OFFを切り替えるキーです。

カーソルブラウザモード

Webブラウザでキーボード操作のみでページ内のテキスト選択やリンクへの移動を可能にするモード

おわりに

ブラウザの基本をわかっていませんでした...!

参考

https://github.com/chakra-ui/chakra-ui/discussions/3428
https://e-words.jp/w/%E3%82%AB%E3%83%BC%E3%82%BD%E3%83%AB%E3%83%96%E3%83%A9%E3%82%A6%E3%82%BA.html

JISOUのメンバー募集中！

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
▼▼▼
https://projisou.jp