How to Fix the Cursor Position on Text Input

Question

I'm working on entering dollar amounts into a text input field. Is there a way when I have direction set to RTL that I can maintain the cursor to be at the farthest right position and keep it there?

<input type="text" id="textArea">

CSS:

#textArea {
direction:RTL;}

This just starts the cursor on the right, but when you type it still moves in the standard fashion. Any help would be appreciated.

possible duplicate: http://stackoverflow.com/questions/7524855/right-to-left-text-html-input — greener, Oct 02 '14 at 17:13

score 3 · Accepted Answer · answered Oct 02 '14 at 17:17

3

Since you are dealing with text inside of an input, just use text-align: right;

#textArea{
    text-align: right;
}

answered Oct 02 '14 at 17:17

Jmh2013

2,625
2
26
42

score 0 · Answer 2 · answered Oct 02 '14 at 17:17

0

Another solution is to use the dir attribute

<input type="text" dir="rtl" id="textArea">

answered Oct 02 '14 at 17:17

Dylan Corriveau

2,561
4
29
36

1

This doesn't address his issue. When you type, the text is right aligned but reads left to right. – Don Rhummy Oct 02 '14 at 17:18

score 0 · Answer 3 · answered Oct 02 '14 at 17:20

0

Add another attribute to your input that looks something like this:

onkeyup="rtl(this);"

answered Oct 02 '14 at 17:20

Amorfus

11
4

How to Fix the Cursor Position on Text Input

3 Answers3