Авторазмер текста для IE 11

Question

Автоматическое изменение размера текстовой области, при которой изменяется размер до 10 строк, после чего работает полоса прокрутки. Это работает, но с полосой прокрутки blinkig и текстовых прыжков. Так что мне это нужно для углового проекта, который затем компилирует этот код в веб-компонент. вот код, который у меня есть: jsbin.com/qivakevaxa/1/edit?html,css,js,output

Answer 1

Ваш код хорошо работает в браузере Chrome и IE 11 на моей стороне.

Если вы хотите использовать свой код в угловых приложениях, вы можете обратиться к следующему коду:

Код в about.component.ts:

import { Component, OnInit } from '@angular/core';
@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
  ngOnInit() {
  }
  onchange(event) {
    event.target.style.height = 'auto';
    event.target.style.height = event.target.scrollHeight+'px';
    event.target.scrollTop = event.target.scrollHeight;
    console.log( "Input Event:", event.target.value );
  }
}

код в about.component.html:

<textarea id="mytextarea" (input)="onchange($event)" rows='3'>Type here and I’ll resize.</textarea>

код в about.component.css:

    textarea {
      display: block;
      /* resize: none; */
      box-sizing:border-box;
      max-height:200px;
    }