For a very long time I been fighting against the overlapping issues on gridster. I feel stuck. I have tried everything. The startup I am in is very dependent of the gridster, as it is our only really selling point for our clients ("get a nice drag'n'drop profile"). Please, if you have ANY suggestions, let us know.

We are currently v0.5.1.

I have tried to narrow down the problem. I have concluded which line seems to produce the error, which is: add_widget();

The grid looks like this:

When calling this function:

gridster[current_grid_id].add_widget('<li class="typeAddNew addNewWidget addWidgetButtonBox"><div class="boxContent"><div class="addNewTitle">Opret ny boks</div></div></li>', 1, 7);

It looks like this (exactly as it should. Added to bottom, and still in grid):

As soon as I call it a once more, the grid boxes will be messed up. See:

I noticed that on first time i run it, the added grid box has “data-row” set to “29”. The second time I run the function, the added grid box has “data-row” set to “17”.

See:

Also, when calling $(‘.addNewwidget’), I notice that the ‘data-row’ has changed to “24" (originally “29”). See:

Any ideas? I am lost.

If you're curious and like to see it for your self - let me know - I'll can give you a test account, where you can experience the issues for your self.