<CodeInline> causes duplicated text in body previews in Gmail and other providers due to hacky Orange.fr workaround

Aperta Adatta ai principianti
#3,853 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@officialasishkumar ci sta già lavorando.

Dal 4/11/2026.

  • #3855 di @officialasishkumar — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
76/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia dal componente CodeInline e dall’esempio plaid-verify-identity modificato menzionato nell’issue; esamina lo span nascosto aggiunto per la soluzione alternativa di Orange.fr. Invia l’email di esempio per controllarne l’anteprima in Gmail, dove il codice di verifica dovrebbe apparire una sola volta. L’issue non indica un file di test, quindi cerca test pertinenti di CodeInline prima di apportare una modifica.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

What versions are you using? (if relevant)

react-email 6.11.6

Describe the Bug

The text inside a <CodeInline> appears twice in the preview line in Gmail:

Image

(The verification code 151052 appears twice)

And also my own email client, Fastmail:

Image

This is because <CodeInline> adds a <span> with display: none containing the same text to work around issues with Orange.fr 🙄

To me, this is a sign this project's priorities are out of whack. If you can't work around flaws in a lesser, regional email client without causing undesired behavior for global, widely used email clients like Gmail, the lesser email client isn't worthy of consideration, except maybe if the niche workarounds are opt-in, rather than on by default.

What is affected (leave empty if unsure)

CodeInline Component

Link to the code that reproduces this issue

https://github.com/jedwards1211/react-email-codeinline-issue

To Reproduce

Send an email with the content of the modified plaid-verify-identity example in this repo

Expected Behavior

The verification only appears once in the preview line in Gmail

What's your node version? (if relevant)

24.22.2

Lingua principale
TypeScript
Stelle
19.9k
Fork
1.1k
Merge medio
1g 15h
PR unite (30g)
49

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di resend/react-email

Tutte le issue di resend/react-email

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.