Text field limitation


I have a search bar and I want to modify the typing limit of it. I do not mean playing with the number of Characters that it can holds, I am talking about the UI limit. Here is an image:

I want the text to stop at the red Mark.


Hey @MajdSoufan,

You can count the characters upto your red mark in your search bar(Textfield). Then set the count as the maxLength of the Textfield.


<TextField class="input input-border" maxLength="15" hint="maxLength with secure='true'" text="" secure="true" returnKeyType="done"></TextField>


I don’t know if I’m understanding what you want to do, but try with a padding right, like

TextField {
    padding-right: 50;


@kumran it helps Thanks for detailed info :slight_smile: