BlockNote
BlockNote copied to clipboard
Block Side Menu and Drag Handle Hidden When Horizontal Scrollbar Appears
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 💖