codex-team/editor.js

Ability to specify popover position in inline toolbar

Open

#2,897 opened on Dec 27, 2024

View on GitHub
 (3 comments) (1 reaction) (0 assignees)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

Contributor guide

Tech stack
typescript
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
TypeScript knowledgeFamiliarity with Editor.js plugin systemUnderstanding of DOM positioning
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
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.