[Bug]: incorrect cursor positioning when using nodePasteRule for a custom extension

[skassam21]

Affected Packages

react

Version(s)

2.4.0

Bug Description

We currently have a custom tiptap extension that acts very similar to a Mention. We have the following paste rules:

addPasteRules() {
    return [
      nodePasteRule({
        find: createRegexFromOptions(this.options.suggestionOptions),
        type: this.type,
        getAttributes: (match) => {
          const key = match[1];
          return {
            id: key,
            label: key,
          };
        },
      }),
    ];
  },

For context, createRegexFromOptions looks like this:

function createRegexFromOptions(options: string[]) {
  const regexPattern = `\\{(${options.join("|")})\\}`;
  return new RegExp(regexPattern, "g");
}

This will look for specific tags like {Name} and convert into this custom node. When we paste text into the tiptap editor with examples of this, everything works fine, except that the cursor always ends up at the end of the last found custom node, as opposed to the end of the pasted content.

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

We'd expect the text to appear at the end of the pasted content, as opposed to at the end of the last found custom node.

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.