TypeCellOS / TypeCellOS/BlockNote

Block Side Menu and Drag Handle Hidden When Horizontal Scrollbar Appears

Open
#2,168 4 comments 0 reactions 1 assignee View on GitHub

@YousefED is already working on this.

Since Apr 7, 2026.

bug:P3 sponsor
Dominant language
TypeScript
Stars
10.2k
Forks
772
Avg merge
3d 11h
Merged PRs (30d)
17

Description

Describe the bug
The Block Side Menu and drag handle become invisible when a horizontal scrollbar appears in the editor. This makes it impossible to access block operations (drag, menu options) when content requires horizontal scrolling.

To Reproduce
1.Open BlockNote example: https://www.blocknotejs.org/examples/basic/minimal
2.Open Chrome DevTools (F12)
In DevTools Console, run:

document.querySelector('.bn-container').style.width = '300px';
Or manually resize the browser window to trigger horizontal scrollbar

4.Try to hover over blocks to see Block Side Menu
5.Observe: Block Side Menu and drag handle are not visible

Misc
This issue was confirmed and reproduced locally by Matthew from the BlockNote team.

  • Node version:
  • Package manager:
  • Browser:
  • 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.