How to stop the cursor from flashing in Google Docs?

Other Questions Google docs
1

I’m having trouble with the blinking cursor in Google Docs. It’s really bugging me. The new version doesn’t follow my computer’s settings for a solid cursor.

I checked and saw that the cursor is just a div with the class ‘kix-cursor-caret’. It looks like some JavaScript is changing it from ‘none’ to ‘inline’ to make it blink.

Does anyone know which part of the code is doing this? I’d love to figure out how to make it stop blinking. Any tips would be awesome. Thanks!

2

yo, i feel ur pain with that annoying blinky cursor! :tired_face: i found a hack that works for me - u can use the Chrome Dev Tools to mess with the CSS. just hit F12, go to Elements tab, find that .kix-cursor-caret class and add ‘animation: none !important;’ to the styles. it’s not permanent but it does the job when im working. hope this helps!

3

I encountered this issue a while back and found a workaround that might be useful. Google Docs does not offer a built-in setting to disable the blinking cursor, so I turned to a browser extension. I installed Stylus and created a custom style for docs.google.com. In the style, I added a snippet of CSS to disable the animation by targeting the .kix-cursor-caret class:

.kix-cursor-caret {
  animation: none !important;
}

While it is a temporary fix that depends on an extension, it does the trick until a native solution is available.

4

I’ve been dealing with this cursor issue too, and I found a different approach that might help. Instead of using browser extensions, I’ve had success with a custom userscript. You’ll need to install a userscript manager like Tampermonkey first. Then, create a new script for Google Docs and add this JavaScript:

(function() {
    'use strict';
    const style = document.createElement('style');
    style.textContent = '.kix-cursor-caret { animation: none !important; }';
    document.head.append(style);
})();

This method directly injects the necessary CSS into the page, effectively stopping the cursor from blinking. It’s been working reliably for me across different browsers and Google Docs updates. Just remember to keep your userscript manager up to date for security reasons.

5

If you don’t mind, can you please elaborate further on this method? I’m not a coder, just a dude who’s annoyed at this one thing on google docs.

6

I found that setting the animation in .kix-cursor-caret to none is not working. Therefore I searched for myself and found this .docs-text-ui-cursor-blink in which you can set the following:

    .docs-text-ui-cursor-blink {
  animation-duration: 1s; /*which is how fast the cursor blinks, smaller values let it blink faster*/
  animation-delay: .5s; /*which is the initial delay when the cursor gets active until it blinks*/
  animation-iteration-count: infinite; /*which is the number of times the cursor blinks ever*/
}

So if you want to change how fast the cursor blinks you can change the values using Stylus extension as mentioned above and if you want it to no longer blink altogether then just set the animation in .docs-text-ui-cursor-blink to none:

    .docs-text-ui-cursor-blink {
  animation: none;
}