Further investigation:

After building locally and looking at the Vue tools, it looks like once the reset button is clicked, I don't see anything else happening in Vuex; no more addChildren calls are made.

My theory so far (relatively new to Vue) is that the call in store.js to state.childarea = []; is removing something that Vue is listening to by creating a new array rather than emptying the existing array.

OK, getting a little closer to the actual issue:

It looks like when I click & drag over any one portion of the grid, and then I either click the x on that particular box or click reset, the boxes are removed but the grid doesn't treat that area like it's draggable anymore. It's like the click & drag functionality still has the memory of that box somewhere.

Hi,

I am facing the same issue. I don't understand vue one bit but can say that when I click on "What does this project do" link it sometimes works properly, otherwise the click and drag gets blocked. I wonder why that is.

Refreshing the page does work so maybe on clicking reset we could do refresh the page and then use this?

Any thoughts from developer or someone else?

Regards,

Interesting, sorry about that. Definitely a bug. I'm swamped for the next few months but I will look into this as soon as I can. Open to PRs as well.

No need to be sorry! :) I'll see if I can PR it; it is Hacktoberfest after all..