Bubble menu glitches when the editor changes positions about svelte-tiptap HOT 6 CLOSED

I kind of "fixed" it (updated the example code), by just wrapping the with a div with dispay:none property
Since inside this lib there is also a div, that wrapps the actual component maybe you can add this to the library — it should not break things

from svelte-tiptap.

There are two options to solve this.

1. wrap a div around bubble menu with display none property, See #5 (comment)

<div style="display:none;">
   <BubbleMenu editor={$editor}></BubbleMenu>
</div>

2. Move the BubbleMenu inside EditorContent (Requires v1.1.0)

<EditorContent editor={$editor}>
   <BubbleMenu editor={$editor}></BubbleMenu>
</EditorContent>

Since this is a bug in the bubble menu plugin itself. Closing this issue. There is an open issue to track this ueberdosis/tiptap#2568

from svelte-tiptap.

Hi @jesteracer. I can see the bug. Tried to locate it, but there seems to be nothing wrong here.

It could be with tiptap itself. Took a shortcut to verify this, I tried reproducing this with tiptap's react package. It happens there as well.

from svelte-tiptap.

Thanks. Nice workaround 👍 .

Since inside this lib there is also a div, that wrapps the actual component maybe you can add this to the library

Maybe If nothing works, First Let's see if this bug can be fixed.

from svelte-tiptap.

I think you need to add type="button" to the buttons as well.

from svelte-tiptap.