TypeCellOS / TypeCellOS/BlockNote

iOS Safari: On text selection two overlapping menus

Ouverte
#2,122 4 commentaires 3 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

bug:P2 sponsor
Langage dominant
TypeScript
Étoiles
10.2k
Forks
772
Merge moyen
3 j 11 h
PR mergées (30 j)
17

Description

Image

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 💖

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

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.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
ios, react, typescript
Domaine
design, frontend, mobile
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
52/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.