[Bug]: Attr 'id' is duplicated on split block.

[andyj2022]

Affected Packages

core, paragraph, heading

Version(s)

2.6.6

Bug Description

The problem occurs when the 'ENTER' key is pressed within a paragraph or a heading that has established an 'ID' attribute.

Tiptap makes 'split' and places the same attribute in the two resulting blocks, which is always incorrect.

Browser Used

Firefox

Code Example URL

Expected Behavior

The expected thing is that if it is divided into two ('split') a block that has established an 'ID' attribute, the first block stays with the 'ID' attribute and the second block has no ID attribute.

Additional Context (Optional)

Anyway, Tiptap should never produce an HTML that has two blocks with the same 'ID' because it is invalid.

Dependency Updates

• Yes, I've updated all my dependencies.

[litingyes]

I think when you define id attr, try setting keepOnSplit: false

[andyj2022]

The problem is that I define the 'ID' attribute in two types of block elements (paragraph and heading), so keepOnSplit, keepMarks or keepAttributes are not accepted, which only work for "marks" and do not work for blocks.

[litingyes]

Nodes has the keepOnSplit field in attrs, but I just checked carefully and found that this only works when the cursor is at the end of the node.

After testing, I think you can override enter kepmap by addKeyboardShortcuts to achieve your needs.

source:

tiptap/packages/core/src/extensions/keymap.ts

Line 56 in d347724

const handleEnter = () => this.editor.commands.first(({ commands }) => [

[andyj2022]

Thank you. I have solved it by capturing the event with 'handleDOMEvents', but it seems to me that the keepOnSplit behavior for attributes is a bug.