In v10.0d I notice a small but annoying bug with overflow auto.
Here is an example to demonstrate: I create 3 HStacks with overflow auto and 2 ListGrids as members.
The first HStack has no problem since members are added inline during HStack declaration.
However the second HStack has 2 identical ListGrids added dynamically after HStack creation using setMembers and for some reason it show a vertical scrollbar and the grids' heights are inaccurate - bigger than they should be.
Interestingly the third HStack also had members added dynamically but overflow was set to "scroll" and the heights of grids are accurate.
I also added a button to resize second HStack to make it smaller at which point the vertical scrollbar disappears and grids' heights are adjusted properly
Here is an example to demonstrate: I create 3 HStacks with overflow auto and 2 ListGrids as members.
The first HStack has no problem since members are added inline during HStack declaration.
However the second HStack has 2 identical ListGrids added dynamically after HStack creation using setMembers and for some reason it show a vertical scrollbar and the grids' heights are inaccurate - bigger than they should be.
Interestingly the third HStack also had members added dynamically but overflow was set to "scroll" and the heights of grids are accurate.
I also added a button to resize second HStack to make it smaller at which point the vertical scrollbar disappears and grids' heights are adjusted properly
Code:
var listGrids = []; for(var i=0; i<6; i++){ listGrids[i] = isc["ListGrid"].create({ autoFitData: "horizontal", fields: [{},{},{}] }); } var hStack1 = isc["HStack"].create({ width:300, overflow: "auto", height: 150, members:[listGrids[0], listGrids[1]] }), hStack2 = isc["HStack"].create({ left: 310, width:300, height: 150, overflow: "auto" }), hStack3 = isc["HStack"].create({ left: 620, width:300, height: 150, overflow: "scroll" }); hStack2.setMembers([listGrids[2], listGrids[3]]); hStack3.setMembers([listGrids[4], listGrids[5]]); isc["Button"].create({ left: 310, top: 160, width: 300, height: 50, title: "Resize second HStack to make it smaller<br>Vertical scrollbar will go away", click: function(){ hStack2.setHeight(120); } });