Block Side Menu and Drag Handle Hidden When Horizontal Scrollbar Appears

Abierto
#2,168 4 comentarios 0 reacciones 1 asignado Ver en GitHub

@YousefED ya está trabajando en esto.

Desde el 7/4/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

bug:P3 sponsor

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 💖
Lenguaje dominante
TypeScript
Estrellas
10.2k
Forks
772
Merge medio
3 d 11 h
PR fusionados (30 d)
17

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TypeCellOS/BlockNote

Todos los issues de TypeCellOS/BlockNote

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.