HTML文本字段大小自动增加

Question

我的应用程序是使用Sencha Touch和PhoneGap创建的，可在iOS和Android上使用。该应用程序内置了聊天功能。我正在尝试更改文本输入的文本文本字段以进行扩展，以便用户可以看到他们刚输入的内容。

例如，这就是现在的样子：

以下是我希望它的样子：

因此，当用户编写消息时，文本字段基本上会扩展到最大设置高度。

有什么想法吗？

Answer 1

请检查您的css文件是否有写入white-space：nowrap属性。 将其更改为： 空白：正常; 现在检查。

Answer 2

我用过这个：

{
    xtype: 'textareafield',
    id: 'input_comment',
    placeHolder: 'Write a comment',
    name: 'newComment',
    clearIcon:false,
    flex:20,
    maxRows:1,
    minHeight:'60px',
    autoCapitalize:true,
    listeners:{
        keyup:function(){
            var textAreaEl = Ext.getCmp('input_comment').getComponent().input;

            if (textAreaEl) {
                if(textAreaEl.dom.scrollHeight < 121){
                    textAreaEl.dom.style.height = 'auto';
                    textAreaEl.dom.style.height = textAreaEl.dom.scrollHeight + "px";
                }
                else{
                    textAreaEl.dom.style.height = 'auto'
                    textAreaEl.dom.style.height = "120px";
                }
            }
            if(textAreaEl.dom.value == ""){
                textAreaEl.dom.style.height = '24px'
            }
        }
    }
},

父组件没有定义高度值非常重要