There is a bug on handset devices where grid headers pull down menu takes the whole page.
If I have a grid inside a Window that is inside a H/VLayout, then deparent that window and draw it again (and set width and height to 100% so it maximizes over the whole page) - then click on grid column header - the drop down menu has a lower z-index than the maximized Window with Grid and so does not show until I "restore" Window
In this code sample - click on maximize window, then on drop down menu of column "Name", then on restore window - you will see that the drop down was created but was behind maximized window
If I have a grid inside a Window that is inside a H/VLayout, then deparent that window and draw it again (and set width and height to 100% so it maximizes over the whole page) - then click on grid column header - the drop down menu has a lower z-index than the maximized Window with Grid and so does not show until I "restore" Window
In this code sample - click on maximize window, then on drop down menu of column "Name", then on restore window - you will see that the drop down was created but was behind maximized window
Code:
isc["Browser"].setIsHandset(true);
var _window,
_layout = isc.VLayout.create({
width:500,
height: 200,
border: 5,
autoDraw: true,
members:[
_window = isc.Window.create({
width: "100%",
height: "100%",
showMaximizeButton:true,
items:[isc.TreeGrid.create()]
})
]
});
_window.maximize = function(){
_window.deparent();
_window.draw();
this.Super("maximize", arguments);
};
_window.restore = function(){
_layout.addMember(_window);
this.Super("restore", arguments);
};