TypeCellOS / TypeCellOS/BlockNote

Editor label cut off

Open
#3,079 0 comments 0 reactions 1 assignee View on GitHub

@matthewlipski is already working on this.

Since Sep 15, 2026.

needs-triage
Dominant language
TypeScript
Stars
10.2k
Forks
772
Avg merge
3d 11h
Merged PRs (30d)
17

Description

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 💖

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.