modal panel not centered when draggable

[willi]

Hi,

when I use the following code from the examples for floating components

Ext.application({
        name: "Modal-Test",
        
        icon: 'icon.png',
        
        launch: function () {
                Ext.Viewport.add({
                    xtype: 'panel',
                    html: 'This is a centered and modal panel',
                    modal: true,
                    //hideOnMaskTap: true,
                    centered: true,
                    draggable: true
                });
        }
});

and only add the line

draggable: true

the floating panel isn't centered anymore and you can't drag it to the top of the screen.

I've searched the forums but didn't find a solution and my last thread on this topic wasn't answered. So, can please anybody help me with this!?

Thanks!

[willi]

Anyone!? What am I doing wrong? Can anybody proof that these few lines of code aren't working correct? Or does anybody have a working example for a draggable modal panel for me? Support!?

[Kurt001]

Did you try this post:
http://www.sencha.com/forum/showthre...uch-2-even-now

[willi]

Hi Kurt, thanks for your reply but this is not my problem.

As I tried to explain before: The problem is the line "draggable: true".
If I leave it away, my modal panel is centered. If I add it, it isn't! It is positioned at the left and can't be dragged to the top.
And again, these lines of code are my only application! Just take a blank project, insert this code and you should see what I mean. And if not I'm doing something wrong which I'm not aware of but could then correct it. So, please, could anyone proof this for me - support!?

Thx in advance!