Контейнер/панель ExtJS с изменяемым размером не меняет положение при изменении размера слева и сверху (запад + север)

Если у меня есть что-то вроде этого:

    var container = Ext.create('Ext.container.Container', {
    plain:true,
    width : 300,
    height: 300,
    html: 'Super',
    cls:'container',
    renderTo:Ext.getBody(),
    draggable:true,
    closable:false,
    resizable:{
        pinned:true,
        dynamic:true
    }
}).center();

размер контейнера «изменяем», но он будет изменяться только с правой и нижней (южной, восточной) стороны. Если я изменю размер контейнера слева или сверху, контейнер не будет двигаться, он стоит на том же месте. Как с этим быть? Если я возьму окно, оно тоже изменит положение.

Например:

    var win = Ext.create('Ext.window.Window', {
    plain:true,
    width : 300,
    height: 300,
    html: 'Super',
    cls:'container',
    renderTo:Ext.getBody(),
    draggable:true,
    closable:false,
    resizable:{
        pinned:true,
        dynamic:true
    }
}).center().show();

Делает работу. Но я буду использовать контейнер.