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
[SOLVED] Disable Cursor Blinking in Google Docs
-
- Posts: 39
- Joined: July 10th, 2022, 3:43 am
- Location: Moz Office, SF, USA
- Contact:
[SOLVED] Disable Cursor Blinking in Google Docs
Last edited by b4ckerCrazyMit on July 9th, 2023, 7:58 pm, edited 1 time in total.
-
- Posts: 6434
- Joined: February 3rd, 2009, 6:29 pm
Re: Disable Cursor Blinking in Google Docs
Google Docs uses canvas based rendering so you can't style the caret like you can on Google's main page.
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.
Code: Select all
/* Firefox userContent.css */
@-moz-document url-prefix("https://docs.google.com"), url-prefix("https://www.google.com") {
* { caret-color: red !important; }
}
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.
-
- Posts: 39
- Joined: July 10th, 2022, 3:43 am
- Location: Moz Office, SF, USA
- Contact:
Re: Disable Cursor Blinking in Google Docs
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
Source: https://userstyles.org/styles/125112/go ... rsor-blink
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;
}
-
- Posts: 6434
- Joined: February 3rd, 2009, 6:29 pm
Re: Disable Cursor Blinking in Google Docs
Nicely done.
Similar thread
http://stackoverflow.com/a/43751901
Hmm. I tried the following style, but it didn't work for me.
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
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; }
}
Example
http://www.w3schools.com/cssref/tryit.p ... ation-name
-
- Posts: 39
- Joined: July 10th, 2022, 3:43 am
- Location: Moz Office, SF, USA
- Contact:
Re: Disable Cursor Blinking in Google Docs
Seems they use shadow dom or IFRAME I guess?morat wrote: ↑June 6th, 2023, 6:27 am Nicely done.
Similar thread
http://stackoverflow.com/a/43751901
Hmm. I tried the following style, but it didn't work for me.
Adding the entry inside the style element successfully stops the animation in the following example.Code: Select all
/* Firefox userContent.css */ @-moz-document url-prefix("https://docs.google.com") { * { animation: none !important; } }
Example
http://www.w3schools.com/cssref/tryit.p ... ation-name
At least for now that hack using userstyles work.
Thanks for sharing!