BubbleMenu throws error when toggled via conditional mount/unmount (v-if)

[NEXINEW]

Affected Packages

import { BubbleMenu } from '@tiptap/vue-3/menus'

Version(s)

3.22.0

Bug Description

When using BubbleMenu with conditional rendering (e.g. v-if) to toggle its visibility, the component throws runtime errors after being unmounted and mounted again.

According to the official example, it should be possible to toggle the menu (e.g. via a button) without issues. However, in practice, re-mounting the BubbleMenu leads to unstable behavior and occasional crashes.

Browser Used

Chrome

Code Example URL

https://codesandbox.io/p/sandbox/tiptap-vue-3-ci7q9h

Expected Behavior

BubbleMenu should safely mount and unmount multiple times without throwing errors, consistent with the official example.

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[NEXINEW]

runtime-dom.esm-bundler.js:28 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')
at insert (runtime-dom.esm-bundler.js:28:12)
at processCommentNode (runtime-core.esm-bundler.js:5464:7)
at patch (runtime-core.esm-bundler.js:5365:9)
at patchBlockChildren (runtime-core.esm-bundler.js:5767:7)
at processFragment (runtime-core.esm-bundler.js:5843:9)
at patch (runtime-core.esm-bundler.js:5375:9)
at patchBlockChildren (runtime-core.esm-bundler.js:5767:7)
at patchElement (runtime-core.esm-bundler.js:5685:7)
at processElement (runtime-core.esm-bundler.js:5539:9)
at patch (runtime-core.esm-bundler.js:5389:11)

[emrullahtastan]

Hello @NEXINEW,

I've submitted a fix for this in PR #7717. You can test the fix directly via the Netlify deploy preview here: https://deploy-preview-7717--tiptap-embed.netlify.app/preview/Extensions/BubbleMenu
The PR is ready for review.

Thanks!