Side Menu showing when the cursor is outside the editor about blocknote HOT 5 OPEN

looks like the code that handle this is somewhere around here

from blocknote.

It's intentional for our internal use-cases, but I agree an option for this would be nice.

What are you building with BlockNote btw? (always curious)

from blocknote.

have the same issue, we put blocknote inside a note card in a whiteboard

from blocknote.

It's intentional for our internal use-cases, but I agree an option for this would be nice.

What are you building with BlockNote btw? (always curious)

thanks for responding! I want to create a resume builder; currently exploring tools to use. as a base I am currently considering tiptap and its derivatives (like BlockNote) or slate as a base.

from blocknote.

looks like the code that handle this is somewhere around here

BlockNote/packages/core/src/extensions/SideMenu/SideMenuPlugin.ts

Lines 344 to 361 in 6d9b844

	// Gets block at mouse cursor's vertical position.
	const coords = {
	left: editorBoundingBox.left + editorBoundingBox.width / 2, // take middle of editor
	top: this.mousePos.y,
	};
	const elements = this.pmView.root.elementsFromPoint(
	coords.left,
	coords.top
	);
	let block = undefined;
	for (const element of elements) {
	if (this.pmView.dom.contains(element)) {
	block = getDraggableBlockFromElement(element, this.pmView);
	break;
	}
	}

I think I can try to do it by limiting the drag handle to only be shown when the cursor is inside the parent div

from blocknote.