From 23a017d4b7a3e34d81ed7276658da523bb78aad4 Mon Sep 17 00:00:00 2001
From: xhzeem <xhzeem@gmail.com>
Date: Tue, 21 Jul 2026 23:35:50 +0300
Subject: [PATCH] fix(rtl): set dir=ltr on identity <option> elements

The From-identity picker in the composer and the template form use a
native <select>, so the earlier <bdi> fix can't apply there - browsers
render <option> as plain text and strip any nested markup. The native
OS-rendered option list still respects the dir attribute directly
though, so setting dir="ltr" on each option fixes the same bracket-
mirroring bug for "Name <email>" entries in that native popup.
---
 components/email/email-composer.tsx    | 4 ++--
 components/templates/template-form.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/email/email-composer.tsx b/components/email/email-composer.tsx
index 5640c5e8..8236ea1e 100644
--- a/components/email/email-composer.tsx
+++ b/components/email/email-composer.tsx
@@ -2192,7 +2192,7 @@ export function EmailComposer({
                               ? generateSubAddress(identity.email, subAddressTag, subAddressDelimiter)
                               : identity.email;
                             return (
-                              <option key={identity.id} value={identity.id}>
+                              <option key={identity.id} value={identity.id} dir="ltr">
                                 {identity.name ? `${identity.name} <${displayEmail}>` : displayEmail}
                               </option>
                             );
@@ -2204,7 +2204,7 @@ export function EmailComposer({
                           ? generateSubAddress(identity.email, subAddressTag, subAddressDelimiter)
                           : identity.email;
                         return (
-                          <option key={identity.id} value={identity.id}>
+                          <option key={identity.id} value={identity.id} dir="ltr">
                             {identity.name ? `${identity.name} <${displayEmail}>` : displayEmail}
                           </option>
                         );
diff --git a/components/templates/template-form.tsx b/components/templates/template-form.tsx
index 93f3f65f..5d771b68 100644
--- a/components/templates/template-form.tsx
+++ b/components/templates/template-form.tsx
@@ -242,7 +242,7 @@ export function TemplateForm({ template, initialData, onSave, onCancel }: Templa
           >
             <option value="">{tSettings('default_identity')}</option>
             {identities.map((id) => (
-              <option key={id.id} value={id.id}>
+              <option key={id.id} value={id.id} dir="ltr">
                 {id.name ? `${id.name} <${id.email}>` : id.email}
               </option>
             ))}