tiptap icon indicating copy to clipboard operation
tiptap copied to clipboard

[Bug]: arrows can't navigate between to consecutive mentions when space was removed

Open colinux opened this issue 1 year ago • 1 comments

Which packages did you experience the bug in?

extension-mention

What Tiptap version are you using?

2.2.2

What’s the bug you are facing?

When inserting a mention, a space is appended. So with 2 consecutive mentions, there is a space between and using left/right arrows we can set the cursor between these mentions. However, if we remove the space, then we can't navigate between the mentions anymore.

Saw on Firefox, but not on Safari, and more randomly on Chrome.

What browser are you using?

Firefox

Code example

https://tiptap.dev/docs/editor/api/nodes/mention

What did you expect to happen?

We should set the cursor between adjacent mentions.

Anything to add? (optional)

The demo with the Vue integration has the bug : when removing the space between @Winona Ryder and @Axl Rose, we can't navigate between theses mentions. A minimal tiptap vanilla JS integration has also the bug.

With React it seems more random : bug on Firefox, but not with Chrome.

capture on Firefox :

animated-2024-02-14_12h-11m-05s

Did you update your dependencies?

  • [X] Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

  • [ ] Yes, I’m a sponsor. 💖

colinux avatar Feb 14 '24 11:02 colinux