element-tiptap
element-tiptap copied to clipboard
2.0.0-alpha.1 - Heading component popup not showing up
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:
- Install 2.0.0-alpha.1
- Setup the component and include Heading extension
- Click heading extension
- 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
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:
https://github.com/Leecason/element-tiptap/issues/415
This version fixes all the issues: https://github.com/okijhhyu/element-tiptap-vue3 :)