Resizing a column with preceding flexed columns moves the column being resized.

[pmiklashevych]

https://www.bryntum.com/forum/viewtopic.php?p=88177#p88177

http://lh/bryntum-suite/grid/examples/contextmenu/
All columns have flex : 1 by default. Try to change the last column width. Dragging between birthplace and birthday changes the size of the birthplace column only. Other columns apply flex width. Dragging at the end of birthday column changes the column width, but it is not possible to make it bigger after that. It should behave the same way it does when there are no flex columns specified (when resizing, the width of both the left and the right columns should be changed)

2021-06-14.17.26.32.mov

2021-06-14.17.24.03.mov

2021-06-14.17.30.50.mov

[ExtAnimal]

The solution is to unflex any flexed columns and set them explicitly to the width they happen to be at the current grid width when starting resize of any column:

// Unflex all flexed columns so that they do not change size
// in response to sibling size changes
grid.columns.query(c => c.flex).forEach(c => {
    c.element && c.set({
        width : c.element.offsetWidth,
        flex : ''
    });
})