mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-29 08:19:34 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

refactor: remove coordsAtPos from bubble menu extension

Browse Source
This commit is contained in:
Philipp Kühn 2021-04-16 09:57:23 +02:00
parent 8dab6144a6
commit c28d8f7fad
1 changed files with 2 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/extension-bubble-menu/src/bubble-menu-plugin.ts
View File

@ -1,8 +1,7 @@
import { Editor } from '@tiptap/core'
import { Editor, posToClientRect } from '@tiptap/core'
import { EditorState, Plugin, PluginKey } from 'prosemirror-state'
import { EditorView } from 'prosemirror-view'
import tippy from 'tippy.js'
import { coordsAtPos } from './helpers'
export interface BubbleMenuPluginProps {
editor: Editor,
@ -68,7 +67,6 @@ export class BubbleMenuView {
createTooltip() {
this.tippy = tippy('body', {
// delay: [0, 2000],
duration: 0,
getReferenceClientRect: null,
appendTo: () => document.body,
@ -98,23 +96,7 @@ export class BubbleMenuView {
}
this.tippy[0].setProps({
getReferenceClientRect: () => {
const start = coordsAtPos(view, from)
const end = coordsAtPos(view, to, true)
const top = Math.min(start.top, end.top)
const bottom = Math.max(start.bottom, end.bottom)
const left = Math.min(start.left, end.left)
const right = Math.max(start.right, end.right)
return {
width: right - left,
height: bottom - top,
top,
bottom,
left,
right,
}
},
getReferenceClientRect: () => posToClientRect(view, from, to),
})
this.show()