Modal backdrop not disappearing (1.2 compat issue?)

[fvandillen]

I have a template which is called from a tabular data table, which has a button to call an update modal.

<template name="WildsoortEditKnop">
    {{> autoformModals}}

    {{#afModal class="btn btn-primary" collection="Wildsoorten" operation="update" doc=editID}}
        Wijzigen
    {{/afModal}}
</template>

The schema is presented and it allows me to edit the document. The update completes succesfully and the modal disappears, however not its backdrop, forcing me to reload the page in order to continue.

Could this be a 1.2 compatibility issue or could this be caused by a faulty style/js elsewhere?

[richardgsands]

+1 this happens for me with delete modal

[noahsw]

+1 on delete modal. My use case is I redirect the user with FlowRouter.go once the document is no longer found in the collection. The redirect works fine but the backdrop stays.

[chris-jamieson]

+1 I am also experiencing this (on an update form in my case).

A quick and dirty workaround is to set a form ID and then hide the modal overlay in the autoform hook, like this:

<template name="templateName">
    {{> autoformModals}}
    {{#afModal doc=this._id class="btn btn-default" collection="CollectionName" operation="update" formId="yourFormId" }} Click this button {{/afModal}}
</template>

Then in your Autoform hooks:

AutoForm.hooks({
    yourFormId: {
        onSuccess: function (error, result) {
            $('.modal-backdrop').hide();
        }
    }
});