mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-12-14 18:49:02 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add resizeobserver to floating menu, fix #358

Browse Source
This commit is contained in:
Philipp Kühn 2019-06-12 21:25:42 +02:00
parent 1bc15871d5
commit 0bb5ab6d9b
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/tiptap/src/Plugins/FloatingMenu.js
View File

@ -5,6 +5,7 @@ class Menu {
constructor({ options, editorView }) {
this.options = {
...{
resizeObserver: true,
element: null,
onUpdate: () => false,
},
@ -20,9 +21,21 @@ class Menu {
this.options.editor.on('focus', ({ view }) => {
this.update(view)
})
this.options.editor.on('blur', ({ event }) => {
this.hide(event)
})
// sometimes we have to update the position
// because of a loaded images for example
if (this.options.resizeObserver && ResizeObserver) {
this.resizeObserver = new ResizeObserver(() => {
if (this.isActive) {
this.update(this.editorView)
}
})
this.resizeObserver.observe(this.editorView.dom)
}
}
handleClick(event) {
@ -81,6 +94,10 @@ class Menu {
destroy() {
this.options.element.removeEventListener('mousedown', this.handleClick)
if (this.resizeObserver) {
this.resizeObserver.unobserve(this.editorView.dom)
}
}
}