codex-team/editor.js

Ability to specify popover position in inline toolbar

Open

#2,897 opened on 2024年12月27日

GitHub で見る
 (3 comments) (1 reaction) (0 assignees)TypeScript (26,602 stars) (1,985 forks)batch import
good first issuenice to have

説明

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

コントリビューターガイド

技術スタック
typescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
TypeScript knowledgeFamiliarity with Editor.js plugin systemUnderstanding of DOM positioning
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
60
調査方針
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.