title: HTML tag Textarea in Angular 6 creating white block at top of screen
body: <p>I've created a form in a component.html in project using Angular 6. I've created a <code>textarea</code> element inside the form and gave it a bootstrap class <code>form-control</code>. When I clicked on the textArea the upper part of my HTML page got refreshed and then returned to normal. This behavior occurs only on the first click. 
  I removed the bootstrap class <code>form-control</code> and it worked fine. I replicated &amp; tried the code in my friend's system and the behavior was the same. That made me think the anomaly occurred because of <code>form-control</code> class. The anomaly occurs only in the current version of Angular ie. 6. In earlier versions of it, it didn't happen.</p>
  
  <p>Images and code are attached for the reference.</p>
  
  <p>This is the form before clicking or going to the <code>textarea</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/1eU3k.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1eU3k.jpg" alt="enter image description here"></a></p>
  
  <p>Form after clicking or going to the <code>textarea</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/ULVUg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ULVUg.jpg" alt="enter image description here"></a></p>
  
  <p>Here's my code for the generated form.</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="control-label col-sm-2" for="email"&gt;Email:&lt;/label&gt;
      &lt;div class="col-sm-10"&gt;
        &lt;input type="email" class="form-control" id="email" placeholder="Enter email"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="control-label col-sm-2" for="pwd"&gt;Password:&lt;/label&gt;
      &lt;div class="col-sm-10"&gt; 
        &lt;input type="password" class="form-control" id="pwd" placeholder="Enter password"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt; 
      &lt;div class="col-sm-offset-2 col-sm-10"&gt;
        &lt;button type="submit" class="btn btn-default"&gt;Submit&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label for="comment"&gt;Comment&lt;/label&gt;
      &lt;textarea class="form-control" cols="2" rows="5" id="comment"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>