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

维护者通常 1 天内回复

评估

这个 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. Fork 仓库，在一个分支上完成修改。
4. 提交 Pull Request，并在描述里引用这个 Issue 编号。

TypeCellOS/BlockNote 的其他 Issue

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

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消

  难度 2/5 1-3 小时 新手友好度 82/100

  TypeCellOS/BlockNote#2949 · 1 条评论 · 2026年8月6日 创建

  维护者通常 1 天内回复

• Improve placeholder and side menu icon contrast for WCAG compliance

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消
  a11y

  难度 2/5 1-3 小时 新手友好度 68/100

  TypeCellOS/BlockNote#2855 · 2026年6月15日 创建

  维护者通常 1 天内回复

• Keyboard workflow for deleting a table is not explained

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消
  a11y

  难度 2/5 1-3 小时 新手友好度 62/100

  TypeCellOS/BlockNote#2829 · 1 条评论 · 2026年6月4日 创建

  维护者通常 1 天内回复

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

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消
  a11y

  难度 2/5 1-3 小时 新手友好度 72/100

  TypeCellOS/BlockNote#2824 · 2026年6月4日 创建

  维护者通常 1 天内回复

• Collapsible list: unlabeled accessible button, decorative image

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消
  a11y

  难度 2/5 1-3 小时 新手友好度 68/100

  TypeCellOS/BlockNote#2811 · 2026年6月1日 创建

  维护者通常 1 天内回复

查看 TypeCellOS/BlockNote 的全部 Issue

相似的 Issue

• S3 DeleteBucket reports ResourceNotEmpty instead of BucketNotEmpty

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消

  难度 2/5 1-3 小时 新手友好度 76/100

  supabase/storage#1447 · 2026年9月28日 创建

  维护者通常 1 天内回复

• mem::forget reports deletions that did not happen for session and observation ids, and writes them into the audit trail

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消

  难度 2/5 1-3 小时 新手友好度 76/100

  rohitg00/agentmemory#1428 · 2026年9月28日 创建

  维护者通常 1 天内回复

• Universal Login apply hangs on its first write

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消

  难度 2/5 1-3 小时 新手友好度 86/100

  boxlite-ai/boxlite#1729 · 2026年9月28日 创建

  维护者通常 1 天内回复

• Detect Deno tasks from deno.json

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消
  detectors enhancement good first issue

  难度 2/5 1-3 小时 新手友好度 86/100

  SM260845/readme-gen#1 · 2026年9月28日 创建

• docs: the App Check guide does not cover server-side rendering

  未关闭

  ⋯反馈这个 Issue 的问题

  • 哪里不对？

  • 已被占
  • 不适合新手
  • 已失效
  • 其他…
  • 发送 取消

  难度 2/5 1-3 小时 新手友好度 88/100

  angular/angularfire#3774 · 2026年9月28日 创建

  维护者通常 2 天内回复

更多 TypeScript Issue