Yeah this is a tricky one, it is not solveable with CSS, we need a markup change.
Specifically placing a direction auto when a field is empty give your LTR
So if the input is blank you get ltr.
The fix I made here is to default to “rtl” in this case and swap to auto as soon as a letter is filled up.
@Osama do you mind reviewing/merging?
@david I had to leak a test helper into our code base to test this cleanly, but I assume this is the kind of stuff we will tree shake out eventually.