How to focus an MDL TextField

Question

What is the proper way to focus a material design lite TextField?

This works:

$("#myTextField").focus();

This does not work:

document.getElementById('myTextField').parentNode.MaterialTextfield.focus();

However, this very similar code works to disable a TextField:

document.getElementById('myTextField').parentNode.MaterialTextfield.disable();

I don't think there is an MDL method to set focus. Your first example is the right way. — Matthew, Jun 14 '16 at 12:49

score 3 · Accepted Answer · answered Jul 02 '16 at 19:02

3

You don't need jQuery.

  input.focus();
  input.parentNode.classList.add('is-dirty');

answered Jul 02 '16 at 19:02

Ronnie Royston

1

is-dirty will permanently float the label - use "is-focused" instead to just float it whilst the input has focus. – fubaar Feb 20 '18 at 11:34

1 Answers1