0

I have standard mdl textfield input

  <div class="mdl-textfield__expandable-holder">
        <input class="mdl-textfield__input" type="text" id="search">
        <label class="mdl-textfield__label" for="search"></label>
    </div>

enter image description here

How to extend the width of mdl-textfield__input when typing?

enter image description here

Sergino
  • 10,128
  • 30
  • 98
  • 159
  • Look at here http://www.tutorialspoint.com/materialdesignlite/materialdesignlite_textfields.htm – jonghyon lee Mar 16 '16 at 05:20
  • @jonghyonlee the one I am using called Expandable but it is not expanding when you typing it is expanding when you clicking on search example on url u provided. – Sergino Mar 16 '16 at 05:29
  • in this code, expanding execute for mdl-textfield__expandable-holder class. If you not define mdl-textfield__expandable-holder class to parent, it isn't expand. in words,mdl-textfield__input class allows input tag to apply material css and jquery. – jonghyon lee Mar 16 '16 at 06:10

0 Answers0