UI bug when collapsing and resizing a region

[marciogurka]

Forum post

Using the following example

new Grid({

    appendTo   : 'container',
    // makes grid as high as it needs to be to fit rows
    autoHeight : true,

    features : {
        // enabled region resize
        regionResize : true
    },

    data : DataGenerator.generateData(5),

    columns : [
        { field : 'firstName', text : 'First name', width : 150, region : 'left' },
        { field : 'surName', text : 'Surname', width : 150, region : 'right' },
        { field : 'city', text : 'City', flex : 1, region : 'right' },
        { field : 'team', text : 'Team', flex : 1, region : 'right' },
        { field : 'score', text : 'Score', flex : 1, region : 'right' },
        { field : 'rank', text : 'Rank', flex : 1, region : 'right' }
    ]
});

You'll have the following grid displayed.

follow these steps...

1. Drag the region splitter to the right (which is a bit difficult as the splitter doesn't quite follow the mouse drag) so that some of the columns cannot be seen (a scrollbar appears as expected).
2. Collapse the region to the right by clicking the > arrow on the splitter, so the entire right-side region disappears.
3. Expand the region again by clicking the < arrow on the splitter
4. Drag the splitter to the left to see more of the right-hand region.