Collaborative Cursors + Selected text Flicker for Tiptap + YJS

[YassineRjl]

Describe the bug

I noticed the carets for remote users flicker when the editor (TipTap) is focused. Please check the recording.

To Reproduce

Steps to reproduce the behavior:

1. Run https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-yjs-tiptap-advanced

Note: I tried with npm 10.1.0

Expected behavior

The remote cursors + selections don't flicker.

Illustrations

Liveblocks.bug.1.mov

Environment (please complete the following information):

• Chrome 116.0.5845.187 (Official Build) (arm64)

[YassineRjl]

Update: I tried with the TipTap provider, and it still flickered.

But, it's now working as expected on both NextJs & ReactJs after building and serving the static files. For some reason running "yarn start" for react or "yarn dev" for nextjs gets the cursor to flicker. So yeah just build and start

[CTNicholas]

Thanks for letting us know! We've been looking into this one already https://github.com/liveblocks/liveblocks.io/issues/1552. I think it could be a problem with the CollaborationCursor plugin. I'll make a bug report.

[CTNicholas]

It's already been reported! ueberdosis/tiptap#4482