Different sectionStack expansion&collapse behavior between 8.2 and 8.3

[ESherbakova]

Hi,

We observe a behavior change on sectionStack's expansion&collapse behavior between 8.2 and 8.3.

We have a sectionStack whose "visibilityMode" is set to be "mutex", and every section's "expanded" property is set to be "true." In 8.2, when we collapse a section by clicking the expand/collapse button on the header, the clicked section is collapsed and the next available section is automatically expanded. However, in 8.3, when we collapse the current section, the next available section is not expanded.

Can you please have us with this? The behavior change breaks several test cases in our environment.

We are using v8.2p_2013-03-04 and v8.3p_2013-04-29. This issue can be reproduced on both IE9 and FF12 in Feature Explorer with the following code.

Steps to reproduce:

1. Collapse the third section. In 8.2, the first section will be automatically expanded while in 8.3 it won't.

2. Expand the first section (if not automatically expanded in 8.3). Collapse the first section. In 8.2, the second section will be automatically expanded while in 8.3 it won't.

Thanks!

isc.SectionStack.create({
    ID: "sectionStack",
    visibilityMode: "mutex",
    width: 300, height: 350,
    sections: [
        {title: "Blue Pawn", expanded: true, items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/pawn_blue.png"})
        ]},
        {title: "Green Cube", expanded: true, canCollapse: true, items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/cube_green.png"})
        ]},
        {title: "Yellow Piece", expanded: true, items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/piece_yellow.png"})
        ]}
    ]
});

[Isomorphic]

These are invalid settings - "mutex" mode allows one section only to be open at a time. By forcing multiple sections open initially, you've put the component into a state where behavior is not specified.

What behavior are you actually hoping for here.. the user can start collapsing sections but is never allowed to collapse them all? That seems odd..

[ESherbakova]

Thanks for your quick response!

Please try the modified code. We can still see the difference.

Steps to reproduce:

1. Collapse the first section. In 8.2, the second section will be automatically expaned. In 8.3, only the first section is collapsed but the second section is not expanded.

isc.SectionStack.create({
    ID: "sectionStack",
    visibilityMode: "mutex",
    width: 300, height: 350,
    sections: [
        {title: "Blue Pawn",  items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/pawn_blue.png"})
        ]},
        {title: "Green Cube",  items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/cube_green.png"})
        ]},
        {title: "Yellow Piece", items: [
            isc.Img.create({autoDraw: false, width: 48, height: 48, src: "pieces/48/piece_yellow.png"})
        ]}
    ]
});

The behavior in 8.2 is the one we expected: when user collapses one section, the next available section will be automatically expanded.

Thanks!

[Isomorphic]

We introduced a property to explicitly govern this - see the "canCollapseAll" property of SectionStack. If you set that property to false, you should see the same behavior in 8.3 as was the default in 8.2

Regards
Isomorphic Software

[ESherbakova]

Thanks! Setting "canCollapseAll " to be false works for our case.