Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
arthabus opened this issue May 20, 2023 · 2 comments
Open

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

arthabus opened this issue May 20, 2023 · 2 comments
Labels

Comments

@arthabus
Copy link

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 arthabus added the bug label May 20, 2023
@okijhhyu
Copy link

#415

@vesper8
Copy link

vesper8 commented Jul 4, 2023

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants