angular2gridster Can't persist the order of my gridster items when changing between different break points

Can't persist the order of my gridster items when changing between different break points

Open SunilManthenaG01 opened this issue 5 years ago • 6 comments

I am using angular2gridster version 8.1.0 and I am configuring my responsive breakpoints and changing the lanes as below. The issue I have, let say in lg breakpoint if the user rearrange the gridster items the x and y positions are updated for that breakpoint(xLg and yLg) and if I reduce the window width to sm the order is lost. Is there a way to keep the order of the items always the same in all the breakpoints?

gridsterOptions: IGridsterOptions = { lanes: 4, direction: 'vertical', floating: true, dragAndDrop: true, resizable: true, resizeHandles: { s: true, e: true, se: true, }, widthHeightRatio: 1, lines: { visible: true, color: '#afafaf', width: 2, always: true }, shrink: true, cellHeight: 250, useCSSTransforms: true, responsiveView: true, responsiveDebounce: 500, responsiveSizes: true, responsiveToParent: true, responsiveOptions: [ { breakpoint: 'sm', minWidth: 100, lanes: 2, dragAndDrop: true, resizable: true }, { breakpoint: 'md', minWidth: 768, lanes: 4, dragAndDrop: true, resizable: true }, { breakpoint: 'lg', minWidth: 1100, lanes: 6, dragAndDrop: true, resizable: true }, { breakpoint: 'xl', minWidth: 1800, lanes: 8, dragAndDrop: true, resizable: true }

};