TextInputLayout animation overlaps the text when the text is set programmatically

Question

I am using TextInputLayout with the design support library 22.2.1.

I set the value of the EditText programmatically, and when the screen appears, I can see that the hint of the TextInputLayout overlaps the text inside, before moving in the floating position.

Here a simple layout:

    <android.support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/editText1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="hint1" />

    </android.support.design.widget.TextInputLayout>

In my Activity:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);

        EditText e1 = (EditText) findViewById(R.id.editText1);
        e1.setText("TEXT TEST 1");
   }

Does anyone know a workaround?

enter image description here

Gabriele Mariotti · Accepted Answer · 2016-02-16T21:27:23.953

18

Currently the only way to avoid this behavior is to add the EditText programmatically.

Create a TextInputLayout without the EditText. Programmatically or via XML inflation - doesn't matter, but it has to be empty.
Create the EditText and set its text to whatever you need.
Add the EditTExt to the TextInputLayout.

Here's an example:

TextInputLayout til = (TextInputLayout) findViewById(R.id.til);
til.setHint(R.string.hint);

EditText et = new EditText(getContext());
et.setText(value);

til.addView(et);

UPDATED 21/08/2015 WITH DESIGN LIBRARY V23:

With the design support library v23 you can disable the animation:

Just use the setHintAnimationEnabled method:

textInputLayout.setHintAnimationEnabled(boolean)

Here the issue on Google Tracker.

edited Feb 16 '16 at 21:27

answered Jul 24 '15 at 14:04

Gabriele Mariotti

320,139
94
887
841

1

Very helpful, thank you. Are you aware of a method that would get the hint working without using match_parent in the width attributes? So that the field width would match the hint size if empty & not focused – milez Jul 25 '15 at 09:59
1

@Gabriele Mariotti does textInputLayout.setHintAnimationEnabled(boolean) works in v25?? – KJEjava48 Mar 28 '17 at 12:39

smallstepstoday · Answer 2 · 2017-03-08T22:07:15.500

I ran into this issue recently while using DialogFragment. To solve, simply disable the hint animation if you have a value in the field before you set the field value. The order is important.

For example,

TextInputLayout layout = (TextInputLayout) findViewById(R.id.text_layout);
TextInputEditText edit = (TextInputEditText) findViewById(R.id.text_edit);

String fieldValue = "Something";

layout.setHintAnimationEnabled(fieldValue == null);
edit.setText(fieldValue);

This way the layout does not initiate the animation when the text is set. You can also watch for text changes and enable it again when the field is empty.

Saurabh Padwekar · Answer 3 · 2019-10-23T14:51:21.513

2

You can directly specify in the XML for TextInputLayout :

 app:hintAnimationEnabled="false"

edited Oct 23 '19 at 14:51

answered Oct 23 '19 at 14:07

Saurabh Padwekar

3,888
1
31
37

score 0 · Answer 4 · edited Dec 25 '20 at 18:28

0

TextInputLayout seller_email = (TextInputLayout) findViewById(R.id.existing_seller_email_ET);

seller_email.getEditText().setText("Any text");

Hope this will help you

edited Dec 25 '20 at 18:28

Zain

37,492
7
60
84

answered Dec 06 '20 at 08:36

Mushtaq islam

1

1

Hi and welcome to Stack Overflow! Please take the [tour](https://stackoverflow.com/tour) and have a look at this [help center article](https://stackoverflow.com/editing-help) with info on how to format code. Thanks for contributing an answer but can you also add an explanation on how your code solves the issue? – Jeanne Dark Dec 06 '20 at 09:01

TextInputLayout animation overlaps the text when the text is set programmatically

4 Answers4

Linked