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

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

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

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 💖

Guida per i contributori

Apri la guida per i contributori

Come iniziare

1. Leggi tutta la issue e poi la guida ai contributi del progetto.
2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
3. Fai un fork del repository e lavora su un branch.
4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di TypeCellOS/BlockNote

• openSuggestionMenu: menu closes on the second typed character (single-transaction dispatch breaks queryStartPos) Aperta

  Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100

  TypeCellOS/BlockNote#2949 · 1 commento · Aperta il 6/8/2026

• Improve placeholder and side menu icon contrast for WCAG compliance Aperta
  a11y

  Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100

  TypeCellOS/BlockNote#2855 · Aperta il 15/6/2026

• Keyboard workflow for deleting a table is not explained Aperta
  a11y

  Difficoltà 2/5 1-3 ore Idoneità per principianti 62/100

  TypeCellOS/BlockNote#2829 · 1 commento · Aperta il 4/6/2026

• Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSideba Aperta
  a11y

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  TypeCellOS/BlockNote#2824 · Aperta il 4/6/2026

• Collapsible list: unlabeled accessible button, decorative image Aperta
  a11y

  Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100

  TypeCellOS/BlockNote#2811 · Aperta il 1/6/2026

Tutte le issue di TypeCellOS/BlockNote

Issue simili

• VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Aperta

  Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100

  danielmiessler/LifeOS#2234 · Aperta il 24/9/2026

• Search with selected text fails: input.value bypasses ngModel, query stays empty Aperta
  T: Bug

  Difficoltà 2/5 1-3 ore Idoneità per principianti 75/100

  Eugeny/tabby#11707 · Aperta il 24/9/2026

• Community provider example: OpenHands -> HAL OpenAI-compatible /v1 peer Aperta

  Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100

  OpenHands/OpenHands#17658 · 1 commento · Aperta il 24/9/2026

• [Issue] Items that are in Core are referencing IO:AUE Aperta

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 85/100

  MegaMek/mekbay#332 · Aperta il 23/9/2026

• CVE-2026-93748 (High) detected in http-cache-semantics-4.1.1.tgz Aperta
  Mend: dependency security vulnerability untriaged

  Difficoltà 2/5 1-3 ore Idoneità per principianti 70/100

  opensearch-project/OpenSearch-Dashboards#12806 · Aperta il 23/9/2026

Altre issue su TypeScript