为IE 11自动调整textarea

Question

自动调整大小为10行的textarea然后滚动条工作。 它的工作，但滚动条blinkig和文本跳跃。 所以我需要它用于角度项目，然后将此代码编译为Web组件。 这里有一些代码：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;
    }