[Bug]: Newline characters are replaced with spaces when any key is pressed

[gabe-ambit]

Affected Packages

core, react

Version(s)

2.5.9

Bug Description

When newline (\n) characters are inserted into the editor, any change to the editor content immediately replaces all of them with spaces.

To reproduce:

1. Extend Paragraph this way:

Paragraph.extend({
      addKeyboardShortcuts() {
        return {
          Enter: () => this.editor.commands.insertContent("\n"),
        };
      },
    })

2. Hit enter a few times in the editor to create some newlines.

3. Type any other character.

Note: preserveWhitespace doesn't seem to have any impact here.

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

I expect newlines to be preserved, at least if preserveWhitespace is enabled.

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[elliott-king]

Also having this issue - example codepen. I tried passing content as a raw string, and also tried generateJSON beforehand.

My guess: generateJSON creates a paragraph array with only one element: a string containing the \n characters. However, the editor usually represents these a new elements in the array / new <p> tags. Seems like the code editor can't handle the newline character correctly. I'm not sure if this is an issue with tiptap, or prosemirror.