ListGrid in popup resize

[acarur01]

To run the testcase, simply click the button. Drag resize the window when popped up. Notice that the table's width resizes but its height stays the same. I've set default width/height as the starting sizes. Am I missing something? I want to be able to resize both horizontally and vertically.

isc.IButton.create({
    title: "Show Window",
    top: 35,
    left: 75,
    click : function () {
        modalWindow.show();
    }
});

isc.Window.create({
    ID: "modalWindow",
    title: "Modal Window",
    autoSize:true,
    autoCenter: true,
    isModal: true,
    showModalMask: true,
    autoDraw: false,
canDragResize: true,
    items: [
isc.VStack.create({
defaultWidth: 500,
defaultHeight: 224,
autoDraw: false,
members:[
isc.ListGrid.create({
    ID: "countryList",autoDraw: false,
    defaultWidth:500, defaultHeight:224, alternateRecordStyles:true,
    data: countryData,
    fields:[
        {name:"countryCode", title:"Flag", width:50, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png"},
        {name:"countryName", title:"Country"},
        {name:"capital", title:"Capital", showIf:"false"},
        {name:"continent", title:"Continent"}
    ],
    canReorderFields: true
})

]

})
    ]
});

[Isomorphic]

VLayout, not VStack. Layouts fill available space, Stacks do not.

[acarur01]

That's right. Thanks!