tiptap/.changeset/dirty-bats-look.md
bdbch 7eaa34d0d1 Remove tippy.js and replace with Floating UI (#5398)
* start experimenting with floating-ui

* add options to floating-ui bubble menu plugin & fix smaller issues

* add vue support for new floating-ui

* start experimenting with floating-ui

* adjust floating-menu plugin for floating-ui & update react component

* add vue support for floating-menu with floating-ui

* update tests for new floating-ui integration

* added changeset file

* move floating-ui dependency to peerDeps

* add install notice to changelog

* remove unnecessary code for destroying and removing component element in Vue suggestion.js

* remove unnecessary code for destroying and removing component element in React suggestion.js

* sync package-lock

* widen range for peerDeps again
2024-07-31 03:51:53 +02:00

1.3 KiB

@tiptap/extension-floating-menu @tiptap/extension-bubble-menu @tiptap/extension-mention @tiptap/suggestion @tiptap/react @tiptap/vue-2 @tiptap/vue-3
major major major major major major major

Removed tippy.js and replaced it with Floating UI - a newer, more lightweight and customizable floating element library.

This change is breaking existing menu implementations and will require a manual migration.

Affected packages:

  • @tiptap/extension-floating-menu
  • @tiptap/extension-bubble-menu
  • @tiptap/extension-mention
  • @tiptap/suggestion
  • @tiptap/react
  • @tiptap/vue-2
  • @tiptap/vue-3

Make sure to remove tippyOptions from the FloatingMenu and BubbleMenu components, and replace them with the new options object. Check our documentation to see how to migrate your existing menu implementations.

You'll also need to install @floating-ui/dom as a peer dependency to your project like this:

npm install @floating-ui/dom@^1.6.0

The new options object is compatible with all components that use these extensions.