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

評価

この issue はまだ評価されていません。

説明

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 💖

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
3. リポジトリをフォークし、ブランチを切って変更します。
4. issue 番号を参照したプルリクエストを送ります。

TypeCellOS/BlockNote のほかの issue

• openSuggestionMenu: menu closes on the second typed character (single-transaction dispatch breaks queryStartPos) オープン

  難易度 2/5 1〜3時間 初心者へのやさしさ 82/100

  TypeCellOS/BlockNote#2949 · コメント 1 件 · 2026年8月6日 に作成

• Improve placeholder and side menu icon contrast for WCAG compliance オープン
  a11y

  難易度 2/5 1〜3時間 初心者へのやさしさ 68/100

  TypeCellOS/BlockNote#2855 · 2026年6月15日 に作成

• Keyboard workflow for deleting a table is not explained オープン
  a11y

  難易度 2/5 1〜3時間 初心者へのやさしさ 62/100

  TypeCellOS/BlockNote#2829 · コメント 1 件 · 2026年6月4日 に作成

• Comment thread actions: hover-only controls and unlabeled buttons in ThreadsSideba オープン
  a11y

  難易度 2/5 1〜3時間 初心者へのやさしさ 72/100

  TypeCellOS/BlockNote#2824 · 2026年6月4日 に作成

• Collapsible list: unlabeled accessible button, decorative image オープン
  a11y

  難易度 2/5 1〜3時間 初心者へのやさしさ 68/100

  TypeCellOS/BlockNote#2811 · 2026年6月1日 に作成

TypeCellOS/BlockNote の issue をすべて見る

似ている issue

• Ajv defaults: non-standard "format": "json" in third-party schemas (e.g. Notion) warns twice per property — register it like #2601 オープン

  難易度 2/5 1〜3時間 初心者へのやさしさ 70/100

  modelcontextprotocol/typescript-sdk#2854 · 2026年9月24日 に作成

• [Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid オープン

  難易度 2/5 1〜3時間 初心者へのやさしさ 75/100

  mksglu/context-mode#1200 · 2026年9月24日 に作成

• [chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript オープン

  難易度 2/5 1〜3時間 初心者へのやさしさ 75/100

  jaegertracing/jaeger-ui#4506 · 2026年9月24日 に作成

• [BUG] "$250 credit for cloud sessions" gift icon is unclickable オープン
  area:desktop area:ui bug platform:macos

  難易度 2/5 1〜3時間 初心者へのやさしさ 75/100

  anthropics/claude-code#96687 · 2026年9月24日 に作成

• [GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context オープン
  good first issue

  難易度 1/5 1時間未満 初心者へのやさしさ 95/100

  AOSSIE-Org/DebateAI#582 · コメント 2 件 · 2026年9月24日 に作成

TypeScript の issue をもっと見る