[Bug]: Unexpected cursor behavior

[icyxianyu]

Affected Packages

core

Version(s)

2.0.8

Bug Description

I tried to implement a custom extension to achieve behavior similar to an inline input box with a placeholder.

However, when I tried to switch left and right through the keyboard, I couldn't get the cursor to enter the custom extension，custom components will be selected for all ；

At the same time, I also found that rows with custom extensions had abnormal behavior to switch up and down.

here is a demo: https://codesandbox.io/p/sandbox/hrjg4g

How can I fix it ? Or is there another implementation?

i also open a discussions: #5898

Browser Used

Chrome

Code Example URL

https://codesandbox.io/p/sandbox/hrjg4g

Expected Behavior

can enter the custom component normally through the keyboard, and the row where the custom component is located can be switched to other rows normally by pressing the up and down buttons.

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[bdbch]

The problem is that you don't use <NodeViewContent />.

https://tiptap.dev/docs/editor/extensions/custom-extensions/node-views/react

ProseMirror won't handle custom contentEditable fields that are not part of it's state (which your implementation is not).

You could use NodeViewContent and the actual nodes textContent as a value and don't do any custom event handling inside the node view.