Panel resize doesn't update coordinates, normal?

[astronaute]

Hi all,

If I re-size the panel to the TOP or to the LEFT, its x and y coordinates keeps resetting to initial value. I would like it to behave naturally and update its coordinates.

What is wrong with this code please?

version: 4.1-beta3

Please try it in this jsFiddle:
http://jsfiddle.net/astronaute/rgGwr/

Ext.Loader.setConfig({
    enabled: true
});

Ext.onReady(function() {
    Ext.create('Ext.Viewport', {
        layout: 'absolute',
        items: [
            {
            xtype: 'panel',
            title: 'panel',
            draggable: true,
            resizable: true,
            x: 100,
            y: 100,
            width: 100,
            height: 100}]
    });
});

Thank you in advance for your help.

[mitchellsimoens]

When you resize it, it is just resizing the panel and since you have an x and y config it will stay at those coords.

Try something like this:

Ext.create('Ext.Viewport', {
    items: [
        {
            xtype     : 'panel',
            title     : 'panel',
            x         : 100,
            y         : 100,
            width     : 100,
            height    : 100,
            draggable : true,
            resizable : {
                listeners : {
                    resize : function(resizer) {
                        var tracker = resizer.resizeTracker,
                            target  = resizer.target;

                        target.setPosition(tracker.lastX, tracker.lastY);
                    }
                }
            }
        }
    ]
});

[astronaute]

When you resize it, it is just resizing the panel and since you have an x and y config it will stay at those coords.

I also have "width" and "height" in config and those are correctly updated!

There is no use-case I can think of in which someone would want config value "frozen" at runtime. You provided the workaround, but this should still be considered a bug.