element-tiptap icon indicating copy to clipboard operation
element-tiptap copied to clipboard

2.0.0-alpha.1 - Heading component popup not showing up

Open arthabus opened this issue 1 year ago • 2 comments

Describe the bug

Clicking on a Heading element doesn't show a popup, but instead genereates the following waringin in a browsers logs console:

[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended. at <ElPopperRoot ref="popperRef" role="button" tabindex=0 ... > at <ElTooltip content="Heading" show-after=350 disabled=false ... > at <Anonymous enable-tooltip=true is-active=false tooltip="Heading" ... > at <ElOnlyChild id="el-id-5574-26" role="button" tabindex=0 ... > at <ElOnlyChild key=0 class="el-tooltip__trigger" aria-controls="el-id-5574-27" ... > at <ElPopperTrigger id="el-id-5574-27" virtual-ref=undefined open=false ... > at <ElTooltipTrigger disabled=false trigger="click" trigger-keys= (3) ['Enter', 'Space', 'ArrowDown'] ... > at <ElPopperRoot ref="popperRef" role="menu" manual-mode=true ... > at <ElTooltip ref="popperRef" role="menu" effect="light" ... > at <ElDropdown placement="bottom" trigger="click" popper-class="el-tiptap-dropdown-popper" ... > at <HeadingDropdown key="command-button1" enable-tooltip=true levels= (6) [1, 2, 3, 4, 5, 6] ... > at <Menubar editor= Editor {callbacks: {…}, isFocused: true, extensionStorage: {…}, options: {…}, isCapturingTransaction: false, …} class="" > at <ElementTiptap content="hey there" bubble=true fullscreen=false ... >

To Reproduce Steps to reproduce the behavior:

  1. Install 2.0.0-alpha.1
  2. Setup the component and include Heading extension
  3. Click heading extension
  4. Observe the behaviour and the logs

Expected behavior After clickign on a Heading option, a popup with formatting appears and no warning is printed in the logs console

Screenshots Screenshot 2023-05-20 at 11 06 50

Desktop (please complete the following information):

  • OS: Max Os 13.2 (22D49)
  • Browser: Chrome 113.0.5672.126 (Official Build) (x86_64)
  • Version 2.0.0-alpha.1

Additional context Same problem with poups when you double ckick a word in a text. It shows an empty white circle instead of a popup with elements:

Screenshot 2023-05-20 at 11 05 42

arthabus avatar May 20 '23 09:05 arthabus

https://github.com/Leecason/element-tiptap/issues/415

okijhhyu avatar May 22 '23 13:05 okijhhyu

This version fixes all the issues: https://github.com/okijhhyu/element-tiptap-vue3 :)

vesper8 avatar Jul 04 '23 15:07 vesper8