BlockNote icon indicating copy to clipboard operation
BlockNote copied to clipboard

Block Side Menu and Drag Handle Hidden When Horizontal Scrollbar Appears

Open yannishin opened this issue 3 months ago • 0 comments

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:
  • [x] I'm a sponsor and would appreciate if you could look into this sooner than later 💖

yannishin avatar Nov 12 '25 02:11 yannishin