键入时扩展宽度MDL输入

Question

我有标准的mdl文本字段输入

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

如何在输入时扩展mdl-textfield__input的宽度？