Emoji picker overflows the viewport on narrow screens and can't be scrolled horizontally
@matthewlipski đang làm issue này rồi.
Từ ngày 17/9/2026.
Đánh giá
Issue này chưa được đánh giá.
Mô tả
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
- Open https://www.blocknotejs.org/examples/basic/minimal on a mobile device (or in desktop devtools with a 320px-wide viewport)
- Type
/emojito open the emoji picker - 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 💖
- Ngôn ngữ chính
- TypeScript
- Star
- 10.2k
- Fork
- 772
- Merge trung bình
- 6 ngày 3 giờ
- Pull request đã merge (30 ngày)
- 26
Hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của TypeCellOS/BlockNote
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
TypeCellOS/BlockNote#2949 · 1 bình luận ·
-
a11y
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
TypeCellOS/BlockNote#2855 ·
-
a11y
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 62/100
TypeCellOS/BlockNote#2829 · 1 bình luận ·
-
a11y
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
TypeCellOS/BlockNote#2824 ·
-
a11y
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
TypeCellOS/BlockNote#2811 ·
Tất cả issue của TypeCellOS/BlockNote
Issue tương tự
-
bug(cli): hapi doctor inline-media prints a fabricated B:\ helper-script path in packaged installs Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100
-
Crush Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 85/100
catppuccin/catppuccin#3125 ·
-
Add a SECURITY.md Đang mở
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 90/100
ElementsProject/cln-application#167 · 1 bình luận · 1 reaction ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100
Quantco/pnpm-licenses#17 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100