Framework integrations don't handle remount of editor instances properly in Shadow DOM

[NicolaiHorlacher]

Affected Packages

react, vue-2, vue-3

Tiptap Version

3.29.2

Browser Used

Chrome

What happened?

When using TipTap in a Shadow DOM, the selection position doesn't update anymore, if the same editor instance is remountend into another Shadow DOM root.

Expected Behavior

TipTap continues to work, even if it is used in a Shadow DOM.

Reproducible Example URL (Optional)

https://codesandbox.io/p/devbox/quizzical-chihiro-4cz43l

Additional Context (Optional)

Implemented the reproduction in Vue 3. Looking at the TipTap source, the other framework integrations will have the same issue.

[coderabbitai]

🔗 Related PRs

#8113 - fix(react): update useEditorState when editable changes (#7498) [merged]
#8135 - fix(react): capture and restore DOM selection when moving contentDOM in ReactNodeViews [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!