TypeCellOS / TypeCellOS/BlockNote
iOS Safari: On text selection two overlapping menus
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 10.2k
- Forks
- 772
- Avg merge
- 3d 11h
- Merged PRs (30d)
- 17
Description
Describe the bug
This bug effectively makes it very hard for users to reach all the features of the BlockNote toolbar when on mobile. And users rely on that toolbar even more as they would on a desktop computer. On the desktop they can still use keyboard short for in- and out-denting of lists. But also marking a text as bold/italic after you have written a text becomes almost impossible.
To Reproduce
- on iOS Safari
- open any standard BlockNote editor
- write text
- select a word that is rather at the top of the editor/screen/viewport
- two menu open below (as there is not enough space on top) and overlap. This makes it impossible to reach the BlockNote toolbar under that circumstances
Misc
- Node version:
- Package manager:
- Browser:
- I'm a sponsor and would appreciate if you could look into this sooner than later 💖
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce this in a standard BlockNote editor on iOS Safari by selecting text near the top of the viewport, as described in the issue; no files or tests are named. Trace the selection-menu and BlockNote-toolbar positioning entry points, then verify that the menus no longer overlap and the toolbar remains reachable in this case.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, react, typescript
- Domain
- design, frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 52/100