Google Chrome weird cursor blink on pages, never seen 'em before

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

26369 次浏览
小开

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.

小开

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

小开

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

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

小开

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.

小开

Disabled this and now its not showing the cursor blinking

enter image description here

小开

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;
}
小开

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.


提交答案