title: Swift: MaterialComponents TextFields Unexpected Placeholder Behavior when clicking fast
body: <p>I have open the issue at <a href="https://github.com/material-components/material-components-ios/issues/5284" rel="noreferrer">MaterialComponents on Github</a> already but seem like no answer yet.
  The problem is when I click the textfield to be active then I click outside, it was working fine but when I repeat doing that, the placeholder for the textfield will be always on the top</p>
  
  <p>Here is the problem as an image</p>
  
  <p>When textfield didload: 
  <a href="https://i.stack.imgur.com/iYarg.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/iYarg.jpg" alt="enter image description here"></a></p>
  
  <p>When textfield active: 
  <a href="https://i.stack.imgur.com/Mkdpm.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Mkdpm.jpg" alt="enter image description here"></a></p>
  
  <p>When we repeat click on textfield then click outside again it will look like this
  <a href="https://i.stack.imgur.com/Ui6lh.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Ui6lh.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the code: </p>
  
  <pre><code>@IBOutlet weak var textfieldFloating: MDCTextField!
  let tf = MDCTextInputControllerOutlined()
  
  override func viewDidLoad() {
          super.viewDidLoad()
          textfieldFloating.leftView = UIImageView(image: UIImage(named: "ic_lock_outline_white_18pt"))
          textfieldFloating.leftViewMode = .always
          textfieldFloating.placeholder = "Placeholder"
          tf.textInput = textfieldFloating
  }
  override func touchesBegan(_ touches: Set&lt;UITouch&gt;, with event: UIEvent?) {
          self.view.endEditing(true)
      }
  </code></pre>