Editing a field creates a new object with Grammarly

When editing an existing field, a new value object is created. A simple fix to this is to make minor changes to the index.js file. At line 454, replace

let jsonField = json.embed.fields[Array.from(fields.children).indexOf(field)];

with

let jsonField = json.embed.fields[Array.from(fields.children).indexOf(field)-2];

Source: Invalid array index

Edit: -2 isn’t a permanent / efficient fix, the extension was messing up with the textarea

[Glitchii]

I have just made a new commit 33a798cc44062611ddf1d7f6cf2ee0cc3e3cb68d which allows it to work with the extension. Grammarly adds a new element named grammarly-extension, All I had to do is to filter out only the elements with the class ‘field’ which all field elements should have by replacing this line.

let jsonField = json.embed.fields[Array.from(fields.children).indexOf(field)];

with this.

let jsonField = json.embed.fields[Array.from(fields.children).filter(e => e.className === 'field').indexOf(field)];

Alternatively, it should work if I only filtered divs, since Grammarly elements are named grammarly-extension.

[Glitchii]

I cannot seem to replicate this problem. Works fine when I edit an existing field. In fact, removing 2 from an element’s index doesn’t work properly (and probably shouldn’t), it results to the first two fields getting ignored and not changed on the embed when edited since you are removing 2 from the index.

Which is why it’s confusing how you got to this problem in the first place, unless you edited the script before and might have changed something that caused this on your end. If not, what are the steps to get to this problem?