TypeCellOS / TypeCellOS/BlockNote
Block Side Menu and Drag Handle Hidden When Horizontal Scrollbar Appears
@YousefED is already working on this.
Since Apr 7, 2026.
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.