miladd3/automatic-direction

Javascript automatic text direction RTL and LTR ,based on character count

automatic-direction

A lightweight Javascript Library for automatic direction change of input between rtl and ltr based on character count.

HTML5 dir="auto" attribution is good, but it just depends on first character in most browsers ,that is not functional on most arabic and persian web applications.

Demo link

How to use

Include automatic-direction.js in bottom of the page before body close tag

<script src="js/automatic-direction.js"></script>

add .dir-auto class to input that you want to automate direction on it

<textarea class="dir-auto" ></textarea>

Licence and Credits

The code and the documentation are released under the MIT License

By Milad Dehghan

Thanks to @sallar for converting it to Vanilla js

automatic-direction's Issues

Count space as Latin characters

It's count space as Latin characters, so not works very well!!

Numbers and punctuation

Sorry for my newbie question, but is there a way that the numeric and punctuation characters be considered as Latin? Because I'm trying to use your script in a form, and when I write a mailing address in Latin, your code considers the numbers to be Arabic and puts the number at the end of the line.
Thanks for your help.

Automatic direction for each line

Hi,

You could make each line is moving according to the type of text. like this

Thank you,

Add Hebrew (RTL) support