Items added to gridster changes its position from device breakpoint ( small , lg etc )

[brainyaashish]

@swiety85 : Items in the gridster changes its positions when in desktop , if user pushed a item to first position by dragging it from some other position , and when he saves or move to the mobile view the Item is not at first place. , how to fix the order of items same in all mode with responsive design .

So the Position set in one device ( desktop) is not consistent when user opens in mobile device . find the image first here in desktop mode i set basic from input 2 as first element .

now i move to mobile mode ( image 2) , the basic from input 2 moves to second position

[brainyaashish]

@swiety85 @getsales-damian

I need some help on this problem .

[sw-ms-ishanishah]

i need same help on this

[brainyaashish]

@swiety85 @Wykks @getsales-damian , please help on this

[sw-ms-ishanishah]

Any update on this.....

[SunilManthenaG01]

I am having the same problem as well. @swiety85 Do we have a way to resolve this one.

[swiety85]

Hi, if it's so urgent, you can try to calculate the item coords for different breakpoints from outside on each item position change. I will try to provide the solution inside gridster component, but I don't know when I will have a moment.

[brainyaashish]

@swiety85 please give an example or details for calculate coordinated means?

[brainyaashish]

Do any one has any idea, how to do this?

[sw-ms-ishanishah]

As per my assumption every resolution has same lanes size and you can save same width height + x position and y position for every resolutions. which resolve your problem

i apply this and its solve my problem.

[SunilManthenaG01]

That would be part of the problem. For every resolution, we can keep track of the x and y position but in our case, we have two containers say A and B, A is gridster with some widgets in it and B is just a regular div and when we resize B the content inside the gridster should wrap down in an order of how they are displaying in that resolution but existing behavior is they are adjusting to the saved X and Y position which is causing the order change of the widgets.