How to have a right-to-left text-input fields

Question

I'm creating a Multilanguage support website and I'm invoking the Webpage in my UWP application thought WebView Control. But the problem is that, I cant get the Right to Left input of text in my Text box.

I saw some sites which holds some answers How to handle right-to-left text-input fields the right way? But this fails when I input special characters which Shift pressed.

This code below works, but since it works only in Chrome and it fails in IE, Edge nor in UWP application.

@style = "direction: rtl;unicode-bidi: bidi-override

Is there any solution which would be universal. I hope that there would be some solution. Can anyone please suggest some.

I don't know the exact answer but what I know is that javascript(you tagged) is not portable across browsers but jQuery is, see if that matters — Sumit, Mar 12 '17 at 17:08
Hi Nathaniel, direction=rtl aligns the text to right.But I want the individual characters also to be reversed. Input : UserName Output : emaNresU — user2924908, Mar 12 '17 at 17:37

score 0 · Answer 1 · answered Mar 12 '17 at 18:20

0

<input type="text" name="textbox" style="direction:RTL;" onkeyup="rtl(this);"/>

answered Mar 12 '17 at 18:20

This solution would not work if any special characters like Shift+! is pressed. Kavi@ would be reversed as ivaK@ – user2924908 Mar 13 '17 at 07:17

How to have a right-to-left text-input fields

1 Answers1