Inspector Text panel omits Uppercase mark toggle (MARK_NAMES missing "uppercase")

オープン
#3,849 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

@svargas-dev がすでに取り組んでいます。

2026年11月2日 から。

  • #3850 @svargas-dev による — オープン
  • #3858 @Tyagiquamar による — オープン

評価

難易度
1/5
見積もり時間
1時間未満
初心者へのやさしさ
22/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

The bug is the MARK_NAMES array in dist/ui/index.mjs and dist/ui/index.cjs, which InspectorText uses to build its mark toggles. Open the InspectorText component and check how it reads that list, then compare it with the marks StarterKit registers. Done means the Inspector Text panel shows an Uppercase toggle. Pull request #3850 is already open against this issue, so review it before starting new work.

索引モデルが issue の本文から書いたものです。

説明

Summary

The Inspector's text panel does not show a toggle for the Uppercase mark, even though the mark is registered and functional elsewhere.

Context

  • @react-email/[email protected]
  • StarterKit includes the Uppercase mark (declared in dist/extensions/index.d.ts, with setUppercase/toggleUppercase/unsetUppercase commands)
  • BubbleMenuUppercase is exported from @react-email/editor/ui and works in the bubble menu

Problem

InspectorText renders mark toggles from a hardcoded MARK_NAMES list in dist/ui/index.mjs / dist/ui/index.cjs:

const MARK_NAMES = [
  "bold",
  "italic",
  "underline",
  "strike",
  "code",
];

"uppercase" is missing, so the inspector's Text panel never offers an uppercase toggle, even though the mark is part of the schema. The bubble menu (which uses BubbleMenuUppercase) works fine.

Expected

MARK_NAMES includes "uppercase" so the inspector matches the schema and the bubble menu.

Workaround

We currently patch MARK_NAMES in both dist/ui/index.mjs and dist/ui/index.cjs to add "uppercase".

主要言語
TypeScript
スター
19.9k
フォーク
1.1k
平均マージ
1日 15時間
マージ済み PR(30日)
49

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

resend/react-email のほかの issue

resend/react-email の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。