HTML-тег Textarea в Angular 6, создающий белый блок в верхней части экрана - PullRequest
Новая
       23

HTML-тег Textarea в Angular 6, создающий белый блок в верхней части экрана

0 голосов
/ 04 сентября 2018

Я создал форму в component.html в проекте, используя Angular 6. Я создал элемент textarea внутри формы и дал ему класс начальной загрузки form-control. Когда я нажал на textArea, верхняя часть моей HTML-страницы обновилась, а затем вернулась в нормальное состояние. Такое поведение происходит только при первом клике. Я удалил класс начальной загрузки form-control, и он работал нормально. Я скопировал и попробовал код в системе моего друга, и поведение было таким же. Это заставило меня думать, что аномалия произошла из-за класса form-control. Аномалия возникает только в текущей версии Angular т.е. 6. В более ранних версиях этого не произошло.

Изображения и коды прилагаются для справки.

Это форма перед нажатием или переходом на textarea.

enter image description here

Форма после нажатия или перехода на textarea.

enter image description here

Вот мой код для сгенерированной формы. 

<form class="form-horizontal">
  <div class="form-group">
    <label class="control-label col-sm-2" for="email">Email:</label>
    <div class="col-sm-10">
      <input type="email" class="form-control" id="email" placeholder="Enter email">
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-sm-2" for="pwd">Password:</label>
    <div class="col-sm-10"> 
      <input type="password" class="form-control" id="pwd" placeholder="Enter password">
    </div>
  </div>
  <div class="form-group"> 
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default">Submit</button>
    </div>
  </div>
  <div class="form-group">
    <label for="comment">Comment</label>
    <textarea class="form-control" cols="2" rows="5" id="comment"></textarea>
  </div>
</form>
...