question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Grammarly Browser Extension Causes Loss of Focus When Using `textarea` Elements

See original GitHub issue

The Grammarly browser extension works by mutating the DOM. Whenever the user focuses a textarea element, the extension mutates it, which causes applications that expect no DOM mutations by anyone else to rerender (cf. https://github.com/facebook/draft-js/issues/616). The result is a loss of focus.

brave_AxSg3NvxPd

The Grammarly team knows about this issue (cf. https://www.grammarly.com/blog/engineering/making-grammarly-feel-native-on-every-website/) and is working on a solution. In the meantime, adding a data-gramm="false" attribute to textarea element prevents Grammarly from mutating it.

brave_LZkgXSOU45

I’d suggest we add this attribute along with a comment to the textarea component.

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Reactions:1
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
HanselIdescommented, Nov 18, 2022

+1 on this feature I was advising an internal project when this problem came up on a team call. The result was that instead of using Camunda Modeler for business-IT collaboration, they returned to an Excel sheet.

1reaction
HanselIdescommented, Nov 22, 2022

Sure - I posted my issue in Slack with a video. Maybe I’m not used to seeing the autosave animation, but I found it distracting because it was firing all the time.

My expectation is that changing a field is an atomic action. I don’t expect it to be saved halfway through editing the field, especially because it can be invalid (e.g. FEEL expression).

Read more comments on GitHub >

github_iconTop Results From Across the Web

Conflict with Grammarly chrome extension · Issue #616 - GitHub
It seems to be related to when grammarly detects an issue. What is the expected behavior? Not to erase text.
Read more >
How to stop extensions/add ons like grammarly on ...
To disable Grammarly, you can add attributes on the <textarea> element. The attributes keep changing, but you can add all of them to...
Read more >
Runtime errors caused by Chrome extensions - Elm Discourse
Some Chrome extension breaks the Virtual DOM system and it causes infinite runtime errors. I recently found this is a very serious problem ......
Read more >
Is Grammarly a Keylogger? What Can You Do About It? - Kolide
If I want to use Grammarly, the options include: A web-based document editor; A web-browser extension; An app-specific add-in (ex: Microsoft ...
Read more >
Does the Grammarly Chrome extension slow down Google ...
I ran Grammarly for the suggestions and then tried to write without doing anything with the suggestions and it was lagging really badly....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found