86

As I'm paranoid more with online breach, recently noticed that Google chrome elements upon click showing cursor blink and that's spooky. HTML page elements became editable? It's not happening with Mozilla, and the extensions enabled on chrome are,

  • Apollo Client Developer Tools,
  • Authenticator
  • Vue.JS Tools

On Firefox, it's allowing to select and no cursor blinks and that's the default behaviour.

Demo of problem:

GIF

1
  • 3
    I enabled this "feature" on accident and actually thought something was wrong with my computer or browser. Thank God there's an option to turn it off. It's very annoying.
    – GTS Joe
    Apr 30, 2021 at 6:02

7 Answers 7

241

An easy solution is to press the F7 key on the Chrome browser.

This method makes it easy to enable/disable cursor blinking problem.

2
78

There's an option called Navigate pages with a text cursor in Accessibility settings, you'll need to disable this option.

Go to Chrome Settings ​​→ Advanced → Accessibility, find the Navigate pages with a text cursor option, and disable it.

Ref. https://support.google.com/chrome/thread/77878717?hl=en

33

Hit the F7 key on the Chrome enable/disable cursor blinking. You can also enable/disable in chrome setting.

Got to

Chrome Settings / Advanced / Accessibility > Navigate pages with a text cursor option

Disable it.

1
  • I have been experiencing this for some time but didn't know it was because of this. My cat has stepped on F7 and also confirmed it..how weird :)
    – Pavindu
    Dec 22, 2021 at 21:54
7

Disabled this and now its not showing the cursor blinking

enter image description here

3

That means caret browsing has been enabled in your browser (i.e. Chrome)

  • You can press F7 key to disable the caret browsing straightaway, which is default keyboard shortcut in browsers.
  • Otherwise you can also disable caret browsing through Browser Settings. As of today, the settings are named as:

Navigate pages with a text cursor (Chrome)

Always use the cursor keys to navigate within pages (Firefox)


What is caret browsing?

That allows the user to move around, highlight selections with the keyboard rather than a mouse. Users most familiar with keyboard can opt for caret browsing easier to use for selecting text. The caret is nothing but the name of the vertical | text cursor.

-3

I have the same problem here in all websites.

The problem is not extensions but the Chrome browser on version 86.

I downloaded Chrome 87 beta and problem is fixed.

So wait until release version 87.

-3

there is a way to round this issue ==>

by adding this to your global.css you can avoid this blinking cursor

*:not(input) {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.