placeholder in search bar on samsung galaxy displays on wrong side

Question

i'm using this web editor example:

http://jsfiddle.net/MW7q6/

which enables you to see the input tag styled

text-align: right;

on iPhones and nexus the placeholder is displayed correctly on the right side, but on all samsung galaxy devices it's on the left side.

somebody know the reason? or how to solve this?

Answer 1

Try adding

direction: rtl;

to the input tag

and

::-webkit-input-placeholder {
     direction: rtl;
}

anywhere in the css