im 聊天输入框高度问题

im 聊天输入框高度问题

问题描述

输入框的高度随着字数增多而增高，但是超过一定高度后，不会增高，场景像微信的输入框一样；刚开始使用 autosize.js 控制 textarea ，但是在 ios11 有兼容问题，不断触发聚焦事件；

解决方案

舍弃 autosize.js ，用纯css + html 实现：
与textarea放一个平级的 pre 标签与 textarea 双向绑定；textarea 高度设置百分之百；textarea 父级的父级设置一个最大高度；父级不限制，然后textarea字数增加；pre标签也跟着增高，把父级撑开；textarea高度也就跟着父级变化；