Автоматическая прокрутка на экране, хотя это и не нужно - PullRequest
Новая
       42

Автоматическая прокрутка на экране, хотя это и не нужно

0 голосов
/ 11 июля 2019

Как вы можете видеть в GIF ниже, у меня есть textarea с подсказкой ниже, которая показывает текущее количество введенных символов и ограничение на количество символов. Когда содержимое на странице становится настолько большим, что требует прокрутки, возникает проблема с автоматической прокруткой до текстовой области.

enter image description here

Мне бы хотелось, чтобы подсказка ниже была видна при наборе текста пользователями. Однако, как вы можете видеть в GIF, если я прокручиваю вниз, чтобы сделать его видимым, как только я начинаю печатать, он автоматически прокручивается вверх. Это происходит, хотя все textarea видно. Поведение имело бы смысл, если бы textarea больше не было видно, когда я начал печатать, но не в этой ситуации.

Вот HTML: 

<mat-form-field class="mat-text-area" *ngIf="isWritingQuestion" appearance="outline">
          <mat-label>Spørgsmål</mat-label>
          <textarea matInput cdkTextareaAutosize cdkAutosizeMaxRows="10" #textArea></textarea>
          <mat-hint align="end"><span [style.color]="textArea.value.length > 300 ? 'red' : 'unset'">{{textArea.value.length}}</span> / 300</mat-hint>
 </mat-form-field>

Если я удаляю cdkTextareaAutosize и cdkAutosizeMaxRows="10" из textarea, это больше не проблема. Тем не менее, я хотел бы использовать функцию автоматического изменения размера, поэтому я надеюсь, что есть способ это исправить. Благодарю.

1 Ответ

0 голосов
/ 11 июля 2019

Кажется, я это исправил.textarea и component, к которым он принадлежит, находятся внутри элемента main.Мне нужно было добавить margin-bottom определенного размера к этому main элементу (должен был быть 70px или больше. Если он был меньше, проблема сохранялась).Я понятия не имею, почему это исправило это.

...