sethsandaru / vue-form-builder

Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.
http://vue-form-builder.sethphat.com
MIT License
413 stars 129 forks source link

Please close the current active sidebar before opening another #44

Closed abhimanusharma closed 3 years ago

abhimanusharma commented 4 years ago

Hi there,

I am getting "Please close the current active sidebar before opening another" toast error message even when sidebar is already closed.

sethsandaru commented 4 years ago

Hi friend,

IMO, it looks like a problem when we open/close the sidebar too fast and cost the EventBus an un-updated data. Could you try to save your form and try again?

It would really nice if you can provide me some screenshots, video (from the beginning to the problem).

Thanks

sethsandaru commented 4 years ago

There has been a week but no more detail/comment from you yet. I'll close this issue. Feel free to re-open it again with more information.

abhimanusharma commented 4 years ago

I think this happen when I opened a sidebar, then clicked on another setting icon, it keeps the state open of previous opened sidebar, now even if I close a sidebar, then the sidebar(config) I opened in the beginning have the state open/active. Same issue is on demo url of this package documentation.

abhimanusharma commented 3 years ago

@sethsandaru Hi, I am getting this error in the console. https://www.loom.com/share/9005874690b74d49b5f37527dec8462b

If you click on Add Control button simultaneously two times then also I see this error.

Update:

Invalid prop: type check failed for prop "control". Expected Object, got Undefined 

found in

 <ControlView>
       <Draggable>
         <NormalSectionView>
           <SectionContainer>

also

app.js:233586 [Vue warn]: Error in render: "TypeError: Cannot read property 'containerClass' of undefined"

found in

---> <ControlView>
       <Draggable>
         <NormalSectionView>
           <SectionContainer>

Also for new form

TypeError: Cannot read property 'uniqueId' of undefined
    at VueComponent.openedConfiguration (app.js:142931)
    at invokeWithErrorHandling (app.js:234830)
    at Vue.$emit (app.js:236798)
    at VueComponent.open (app.js:135799)
    at invokeWithErrorHandling (app.js:234830)
    at Vue.$emit (app.js:236798)
    at VueComponent.open (app.js:135727)
sethsandaru commented 3 years ago

Hello @abhimanusharma ,

Thanks for the info, let me try if I can improve it.

But ideally, please don't click the buttons which triggering to open the sidebar too many times at once. I mean, for the Vue Form Builder, I suppose only the people with authorization can access the page to configure the form. And obviously, those people can't be a normal end-user who try to do things completely un-predictive. At least you must/need to define specific rules when using the Vue Form Builder to configure the Form.

For my case and my projects, mostly, only developers will gonna use the Form and change the Form Configuration from the requirements of the customers.

And final, yes, it would be great if Vue Form Builder can avoid that, but let's see.

Thanks

jomellelastrilla commented 3 years ago

image

I love this plugin exists, implemented it in nuxt and it looks great! I have a question though, do you guys any ways to handle this one?

sethsandaru commented 3 years ago

Hi @jomskidoodle ,

Does your problem still around? Could you please create a new issue regarding your problem? (with all the information like your initialize code, your form structure,...)