Add text-align: left to .form-control

[Mevrael]

.form-control does not have text-align and because of that text-align might be inherited from parent element. Inputs should have text-align: left by default.

.form-control used as a div contenteditable=true

    <div class="form-group">
        <div contenteditable="true" class="form-control"></div>
        <input type="hidden">
    </div>

[cvrebert]

What about RTL text/pages?

[Mevrael]

In RTL you will need in any case add styles like direction:RTL, text-align: right and is a good idea for .form-control-right

[cvrebert]

X-Ref: #17925

[Mevrael]

The only one input[type="number"] should not have right align if rest is aligned to left. From design and UX point of all elements must have same structure and proportions. It is the same as making selects also align to right only because they have arrow button there. I agree that helper here would be better choice because it is only for one specific decorative case.

[mdo]

Going to punt on this—I'd rather leave it inherited as it's the browser default.