When the "Bootstrap Modals" option is turned on, and I use Webform as an AJAX form, the submit button works only once. If the form does not pass the validation, it is loaded as expected, but the form button does not replace by new one. Since the form submission button is located outside the block, which is replaced by the AJAX response.

When I click the form submit button again, I get the Javascript warning:
"Form submission canceled because the form is not connected"

If I use jQuery UI, everything works as expected, because the submit button is inside the form block, which is completely updated after the form validation.

Comments

Vitaly Kondratiev created an issue. See original summary.

markhalliwell’s picture

Component: Theme Settings » Code
Assigned: Vitaly Kondratiev » Unassigned
Status: Active » Closed (duplicate)
Issue tags: -ajax modal, -Bootstrap modal
Related issues: +#2831237: Bootstrap modal does not work well with jQuery UI dialog
super_romeo’s picture

Same thing.