How to NOT display BubbleMenu for certain nodes

[cadars]

I am aware of shouldShow, but I guess what I am after would be something like shouldNotShow?

(My use case is pre code blocks (where no other formatting is possible) and selected horizontal rules.)

[philippkuehn]

You can exactly do that with shouldShow.

[cadars]

Thanks! So I should list ALL the nodes and marks with shouldShow, except the few I don't want? That's what I wanted to avoid, but OK :)

[philippkuehn]

It’s a callback method where you can put custom logic. You don’t have to list all nodes.

[cadars]

My programming skills are quite limited, but I’ll look into that, thank you!

[philippkuehn]

look at the default shouldShow method for a starting point

tiptap/packages/extension-bubble-menu/src/bubble-menu-plugin.ts

Lines 43 to 58 in 33420f4

	public shouldShow: Exclude<BubbleMenuPluginProps['shouldShow'], null> = ({ state, from, to }) => {
	const { doc, selection } = state
	const { empty } = selection
	// Sometime check for `empty` is not enough.
	// Doubleclick an empty paragraph returns a node size of 2.
	// So we check also for an empty text size.
	const isEmptyTextBlock = !doc.textBetween(from, to).length
	&& isTextSelection(state.selection)
	if (empty || isEmptyTextBlock) {
	return false
	}
	return true
	}