[SOLVED] Disable Cursor Blinking in Google Docs

[b4ckerCrazyMit]

Hello fellow firefox user/mozillian, is there anyway to disable cursor blinking in Google docs? I do disable cursor blinking in entire system, but in Google Docs in Firefox, it seems still.. broken...

Is there anyway to disable it? Probably from UserJS/Tampermonkey, or anything?

Thank you

[morat]

Google Docs uses canvas based rendering so you can't style the caret like you can on Google's main page.

Code: Select all

/* Firefox userContent.css */

@-moz-document url-prefix("https://docs.google.com"), url-prefix("https://www.google.com") {
  * { caret-color: red !important; }
}

Google Docs uses canvas based rendering
http://workspaceupdates.googleblog.com/ ... pdate.html
http://zapier.com/blog/google-docs-canv ... rendering/

Google's code is minified so it would be difficult to try to figure out how the caret works.

[b4ckerCrazyMit]

Ouch, this is first time I know that Docs move to blinking..

Thanks for pointing out. I just inspect the page element... :/

EDIT:

The code on the UserStyles seems work

Code: Select all

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

Source: https://userstyles.org/styles/125112/go ... rsor-blink

[morat]

Nicely done.

Similar thread
http://stackoverflow.com/a/43751901

Hmm. I tried the following style, but it didn't work for me.

Code: Select all

/* Firefox userContent.css */

@-moz-document url-prefix("https://docs.google.com") {
  * { animation: none !important; }
}

Adding the entry inside the style element successfully stops the animation in the following example.

Example
http://www.w3schools.com/cssref/tryit.p ... ation-name

[b4ckerCrazyMit]

Nicely done.

Similar thread
http://stackoverflow.com/a/43751901

Hmm. I tried the following style, but it didn't work for me.

Code: Select all

/* Firefox userContent.css */

@-moz-document url-prefix("https://docs.google.com") {
  * { animation: none !important; }
}

Adding the entry inside the style element successfully stops the animation in the following example.

Example
http://www.w3schools.com/cssref/tryit.p ... ation-name

Seems they use shadow dom or IFRAME I guess?

At least for now that hack using userstyles work.

Thanks for sharing!