Skip to content

Editor label cut off #3079

Description

@judithroth

What’s broken?

We're using BlockNote together with Hocuspocus for real-time collaboration. This means we see the cursor of other people in the editor (together with their label).
On the edges of the editor, it does not work well though, as the labels are cut off instead of rendered in a different position. Also in tables, they are cut off.

What did you expect to happen?

The editor labels should always be rendered inside the editor.

  • So when the other persons cursor is on the right edge of the editor and there is not enough space, it should render the label to the left.
  • If the other persons cursor is at the top of the editor and there is not enough space to render it on top, it should render below.
  • Inside a table it should not be cut off

Steps to reproduce

  1. Use BlockNote with a real-time collaboration backend (e.g. Hocuspocus)
  2. Have multiple users in the same editor instance
  3. Have a cursor near the edge of the editor (on top, to the right) or inside a table

BlockNote version

No response

Environment

No response

Additional context

Image Image Image

Contribution

  • I'd be interested in contributing a fix for this issue

Sponsor

  • I'm a sponsor and would appreciate if you could look into this sooner than later 💖

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

needs-triageIssue has not yet been reviewed or classified by maintainers.

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions