codex-team/editor.js

Ability to specify popover position in inline toolbar

Open

#2 897 ouverte le 27 déc. 2024

Voir sur GitHub
 (3 commentaires) (1 réaction) (0 assignés)TypeScript (26 602 stars) (1 985 forks)batch import
good first issuenice to have

Description

It would be great if there was an option to set the popover positioning. it could be aligned depended on the button position and maybe option like “align”: “left” | “center” | “right”

for example: In the first case, I want the dropdown to stay on the left side of the toolbar, and in the second case, I want it to stay on the right side of the toolbar.

image image

Guide contributeur

Stack technique
typescript
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
TypeScript knowledgeFamiliarity with Editor.js plugin systemUnderstanding of DOM positioning
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
Examine the inline toolbar implementation, likely in src/components/inline toolbar.tsx or similar, to understand how the popover is currently positioned. Look for existing alignment options or CSS classes that handle popover placement. Consider adding an `align` prop (e.g., left, center, right) to the toolbar config, then modify the popover rendering logic to apply the appropriate CSS positioning. Check if there are any related issues or PRs for guidance.