What is the best way to work with form fields within a custom node?

[dkrusenstrahle]

Hello,

I have created a custom view node that got a form with one field within it. This field will take a link and extract meta data (via API request) and then display it to the user. Unfortunately Tiptap 2.0 keeps hijacking the focus so when for example the user pastes a link into the field it is pasted into the paragraph above it and when I type into the field back space (delete characters) does not work.

What is the best way to work with form fields within a custom node?

[philippkuehn]

Hmmm, tiptap should allow pasting into input elements:

tiptap/packages/core/src/NodeView.ts

Lines 116 to 122 in bb116ec

	const isInput = ['INPUT', 'BUTTON', 'SELECT', 'TEXTAREA'].includes(target.tagName)
	|| target.isContentEditable
	// any input event within node views should be ignored by ProseMirror
	if (isInput) {
	return true
	}

Can you provide a codesandbox?

[dkrusenstrahle]

So I guess I am not adding my viewnode correctly into the editor.
This is my Node.create file: https://codeshare.io/axDXlB

[philippkuehn]

It seems that there was a broken version which will lead to your issue: sibiraj-s/ngx-tiptap@d385e10#diff-c63cc7cf40328cb095aaad64801b1a033f4f06803b592167fc26575134f001fa

[dkrusenstrahle]

@philippkuehn That update seems to have fixed the issue! Thank you for making me see it.