@tiptap/react 2.23.1 → 2.24.0

package/dist/index.umd.js

@@ -1294,16 +1294,9 @@
 	        if (className) {
 	            this.element.classList.add(...className.split(' '));
 	        }
-	        if (this.editor.isInitialized) {
-	            // On first render, we need to flush the render synchronously
-	            // Renders afterwards can be async, but this fixes a cursor positioning issue
-	            ReactDOM.flushSync(() => {
-	                this.render();
-	            });
-	        }
-	        else {
+	        queueMicrotask(() => {
 	            this.render();
-	        }
+	        });
 	    }
 	    /**
 	     * Render the React component.
@@ -1360,6 +1353,24 @@
 	}
 
 	class ReactNodeView extends core.NodeView {
+	    constructor(component, props, options) {
+	        super(component, props, options);
+	        if (!this.node.isLeaf) {
+	            if (this.options.contentDOMElementTag) {
+	                this.contentDOMElement = document.createElement(this.options.contentDOMElementTag);
+	            }
+	            else {
+	                this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div');
+	            }
+	            this.contentDOMElement.dataset.nodeViewContentReact = '';
+	            this.contentDOMElement.dataset.nodeViewWrapper = '';
+	            // For some reason the whiteSpace prop is not inherited properly in Chrome and Safari
+	            // With this fix it seems to work fine
+	            // See: https://github.com/ueberdosis/tiptap/issues/1197
+	            this.contentDOMElement.style.whiteSpace = 'inherit';
+	            this.dom.appendChild(this.contentDOMElement);
+	        }
+	    }
 	    /**
 	     * Setup the React component.
 	     * Called on initialization.
@@ -1388,6 +1399,10 @@
 	        const onDragStart = this.onDragStart.bind(this);
 	        const nodeViewContentRef = element => {
 	            if (element && this.contentDOMElement && element.firstChild !== this.contentDOMElement) {
+	                // remove the nodeViewWrapper attribute from the element
+	                if (element.hasAttribute('data-node-view-wrapper')) {
+	                    element.removeAttribute('data-node-view-wrapper');
+	                }
 	                element.appendChild(this.contentDOMElement);
 	            }
 	        };
@@ -1399,22 +1414,6 @@
 	            return (React.createElement(ReactNodeViewContext.Provider, { value: context }, React.createElement(Component, componentProps)));
 	        });
 	        ReactNodeViewProvider.displayName = 'ReactNodeView';
-	        if (this.node.isLeaf) {
-	            this.contentDOMElement = null;
-	        }
-	        else if (this.options.contentDOMElementTag) {
-	            this.contentDOMElement = document.createElement(this.options.contentDOMElementTag);
-	        }
-	        else {
-	            this.contentDOMElement = document.createElement(this.node.isInline ? 'span' : 'div');
-	        }
-	        if (this.contentDOMElement) {
-	            this.contentDOMElement.dataset.nodeViewContentReact = '';
-	            // For some reason the whiteSpace prop is not inherited properly in Chrome and Safari
-	            // With this fix it seems to work fine
-	            // See: https://github.com/ueberdosis/tiptap/issues/1197
-	            this.contentDOMElement.style.whiteSpace = 'inherit';
-	        }
 	        let as = this.node.isInline ? 'span' : 'div';
 	        if (this.options.as) {
 	            as = this.options.as;