<p></p>
<p dir="auto">As part of <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1108341337" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3427" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/3427/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/3427">#3427</a> (and as a direct follow-on from <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="1100937651" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3420" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/3420/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/3420">#3420</a>) we should set dir="auto" on most form inputs. This is because it's perfectly reasonable for someone to have their preferred language set to one direction yet be writing text in another (e.g. they have their preferred language set to Arabic, but are responding to a changeset comment in English).</p>
<p dir="auto">We need to check if there are any exceptions to this. rtlstying <a href="https://rtlstyling.com/posts/rtl-styling#form-inputs" rel="nofollow">discusses form inputs</a> but in the context of using LTR (for emails) in an RTL page without mentioning dir="auto". I made some brief experiments using RTL before the @ symbols with LTR after and that becomes a mess with "auto". So I think hard-coding LTR on email address inputs could be preferred, but if anyone knows better how email is typically handled in RTL then do let me know.</p>
<p dir="auto">We don't have any phone number fields, and our number-only fields (for e.g. export) should work fine with auto.</p>
<p dir="auto">I'd like to set this up so that other openstreetmap-website developers (now and in the future) don't have to remember to set this on every form field. So I think we should look at what field types are appropriate for this to be set on, and figure out how to make it happen by default, e.g. by overriding the rails default form helpers.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/3431">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLPGLW4JIFAFM73VT4LUW72Z7ANCNFSM5MMR22UA">unsubscribe</a>.<br />Triage notifications on the go with GitHub Mobile for <a href="https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub">Android</a>.
<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLKGAJWGA7EBCROI4L3UW72Z7A5CNFSM5MMR22UKYY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4QQ5KW4A.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/3431</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/3431",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/3431",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>