@bobfrankston/rmfmail 1.0.658 → 1.0.660

package/packages/mailx-compose/index.ts

@@ -65,10 +65,16 @@ export function buildComposeInit(mode: ComposeMode, accountId: string, original?
     return init;
 }
 
+// Plain-text quoting uses `white-space:pre-wrap` so original line breaks
+// survive but long lines still wrap to the viewport. `<pre>` (the prior
+// approach) was honest about line breaks but disabled wrapping entirely,
+// producing horizontal-scroll quotes that broke the compose layout.
+const PLAIN_QUOTE_STYLE = "white-space:pre-wrap;font-family:inherit;margin:0";
+
 function quoteBody(msg: Message): string {
     const date = new Date(msg.date).toLocaleString();
     const from = msg.from.name ? `${msg.from.name} <${msg.from.address}>` : msg.from.address;
-    const body = msg.bodyHtml || `<pre>${escapeHtml(msg.bodyText)}</pre>`;
+    const body = msg.bodyHtml || `<div style="${PLAIN_QUOTE_STYLE}">${escapeHtml(msg.bodyText)}</div>`;
     return `<br><div class="reply"><p>On ${date}, ${escapeHtml(from)} wrote:</p><blockquote>${body}</blockquote></div>`;
 }
 
@@ -76,7 +82,7 @@ function forwardBody(msg: Message): string {
     const date = new Date(msg.date).toLocaleString();
     const from = msg.from.name ? `${msg.from.name} <${msg.from.address}>` : msg.from.address;
     const to = msg.to.map(a => a.name ? `${a.name} <${a.address}>` : a.address).join(", ");
-    const body = msg.bodyHtml || `<pre>${escapeHtml(msg.bodyText)}</pre>`;
+    const body = msg.bodyHtml || `<div style="${PLAIN_QUOTE_STYLE}">${escapeHtml(msg.bodyText)}</div>`;
     return `<br><div class="reply"><p>---------- Forwarded message ----------<br>From: ${escapeHtml(from)}<br>Date: ${date}<br>Subject: ${escapeHtml(msg.subject)}<br>To: ${escapeHtml(to)}</p>${body}</div>`;
 }