contentEditable=false does not prevent deleting & pasting new content in editor

1

Hey there, we have a setup with tiptap/prosemirror that handles a blur event. In the blur function we set editor.view.dom.contentEditable = 'false'; which prevents typing new text in the editor window.

I just came across a bug that occurs when I implemented a feature that allows users to select text without focusing the editor. When text was focused, it was possible to delete the selection or paste new text inplace of the selection - even though contenteditable="false" was on the editor div in the dom.

This seems to be an oddity of the library, as there isn’t any other logic that should allow this behavior.

2

You’ll need to go through the editable prop if you want the editor to be aware of whether it is editable. In general, don’t directly mess with DOM nodes controlled by ProseMirror.