ExtJS: Почему авторазмер не работает для моих текстовых полей?

Question

У меня есть FormPanel (Ext.form.Panel) с текстовыми полями;Я бы хотел, чтобы текстовые поля автоматически меняли размеры, чтобы все их содержимое было видно, но следующее не работает:

Ext.define('myapp.view.admin.EditUserFormPanel', {
    extend: 'Ext.form.Panel',
    initComponent: function() {

        var me = this;
        me.items = [
            {
                xtype: 'textfield',
                fieldLabel: 'OpenID',
                name: 'openid',
                grow: true,
                listeners: {
                    autosize: function(newWidth) {
                        console.log(newWidth);
                    },
                    focus: function(txtField) {
                        console.log('focus fired');
                        txtField.autoSize();
                    }
                }
            }
        ];
        me.callParent();
    }
});

Оба моих обработчика событий запускаются.Однако autosize срабатывает только при визуализации формы;не когда я пытаюсь вручную вызвать autoSize ().

Есть идеи?

Answer 1

Изменение макета на что-то отличное от «якоря» по умолчанию решило проблему.Пример:

У меня есть рабочий пример, который любой может попробовать запустить, если это будет полезно: http://jsfiddle.net/clint_harris/5wzjG/