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.
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
@@ -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>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user