neokoenig / jQuery-gridmanager

A way of building rows and grids with built in editable regions; requires jQuery, jQueryUI, Bootstrap 3.x, & optional TinyMCE or CKEditor
http://neokoenig.github.io/jQuery-gridmanager/
461 stars 129 forks source link

Can't drag widget back to empty column #99

Open superwpheroes opened 5 years ago

superwpheroes commented 5 years ago

Hi guys!

Wonderful product, first of all.

We are working on integrating it into a page builder we are creating for wordpress.

I managed to drag widgets across columns, etc, however, I am faced with this very annoying issue, and dropOnEmpty: true doesn't fix it either... really not sure how to fix it.

The problem is that if you try moving a widget area over to an empty column, the alert-warning yellow div which acts as the placeholder appears but it is added in the html AFTER the bottom settings: https://nimb.ws/pk1b7t

Maybe you have an idea on this? I noticed that on your demos the widgets are locked to the columns, i.e. you can't move them to other columns, so this issue can not be reproduced on your demo page. I would suppose maybe you never intended to move widgets between columns to start with, but that is really needed in a wp page builder.

Thanks a bunch :)

neokoenig commented 5 years ago

Sorry - there's just so much in what you're trying to do which could cause a problem it's hard to tell.. i.e whether WP jQuery is causing the issue or something else... The editable regions weren't designed to be moved between columns, only up or down, so you're presumably making changes which I can't see..

superwpheroes commented 5 years ago

That is precisely right; it does not appear as if it was built to do that; however, it looks like a limitation from jquery sortable + the gridmanager html (mostly the drawers) but if we come to a solution we will post it. Your confirmation is very much appreciated, thank you!