title: Angular 2 Forms - formControl.touched true when clicking the the text area, not when leaving
body: <p>I've got a form that looks like the following:</p>
  
  <pre><code>       &lt;form *ngIf="showForm" [formGroup]="myForm" (ngSubmit)="onSubmit(myForm.value)"&gt;
                &lt;textarea  type="text"
                          placeholder="Description"
                          [formControl]="myForm.controls['message']"&gt;
                &lt;/textarea&gt;
                &lt;div class="msgError" *ngIf="myForm.controls['message'].touched"&gt;
                 // Check for error in input and display error messages if invalid
                &lt;/div&gt;
  
               &lt;input type="text"
                         placeholder="Your mail"
                         [formControl]="myForm.controls['email']"/&gt;
                &lt;div class="emailError" *ngIf="myForm.controls['email'].touched"&gt;
                // Check for error in input and display error messages if invalid
                &lt;/div&gt;
       &lt;/form&gt;
  </code></pre>
  
  <p>My formGroup looks like this:</p>
  
  <pre><code>this.myForm = fb.group({
        'message' : ['',Validators.minLength(10)],
        'email' : ['',Validators.compose([Validators.required,this.emailValidator])],
      });
    }
  </code></pre>
  
  <p>My problem is that the first time I click <strong>any</strong> of the text fields in my form the myForm.controls.touched property becomes true instantly when the input area is selected, not when i leave the input area like it is supposed to. The consequence of this is that my error messages are displayed instantly and not when the user navigates the another field in the form. It's only the first input selected that this happens too, after the first one the other works as expected. I have no idea why this is happening. Any suggestions?</p>