Emoji picker overflows the viewport on narrow screens and can't be scrolled horizontally

Abierto
#3,078 0 comentarios 0 reacciones 1 asignado Ver en GitHub

@matthewlipski ya está trabajando en esto.

Desde el 17/9/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

needs-triage
What’s broken?

On narrow/mobile viewports the emoji picker (grid suggestion menu, /emoji trigger) is wider than the screen. The right-hand columns are cut off and there is no way to reach them: the menu only scrolls vertically.

What did you expect to happen?

The emoji picker should fit the available width - e.g. fewer columns on narrow viewports, and/or a maxWidth derived from availableWidth plus horizontal scrolling as a fallback - so that every emoji stays reachable.

Steps to reproduce
  1. Open https://www.blocknotejs.org/examples/basic/minimal on a mobile device (or in desktop devtools with a 320px-wide viewport)
  2. Type /emoji to open the emoji picker
  3. The right-hand columns are outside the viewport, and the menu scrolls vertically but not horizontally
BlockNote version

0.51.3 (also reproduced on 0.54.2 / main - the relevant code is unchanged)

Environment

Mobile Chrome, Mobile Safari, Mobile Firefox

Additional context
Image Image
Contribution
  • I'd be interested in contributing a fix for this issue
Sponsor
  • 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
7 d 21 h
PR fusionados (30 d)
19

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.