modal/micromodal.min.css modal/micromodal.min.js { // loop phpfbFloatingLabels and update the labels position if (typeof(phpfbFloatingLabels) != "undefined") { for (var key in phpfbFloatingLabels) { phpfbFloatingLabels[key].updateShadowContainerPositions(); } } if (document.querySelector('#%formId% .g-recaptcha') && document.querySelector('#%formId% .g-recaptcha').getAttribute('data-size') != 'invisible') { scaleCaptcha(); } }, onClose: modal => { document.body.style.overflow = ''; }, openTrigger: 'data-micromodal-trigger', closeTrigger: 'data-micromodal-close', openClass: 'is-open', disableScroll: true, disableFocus: false, awaitOpenAnimation: false, awaitCloseAnimation: false, debugMode: true }); // show modal if the form is posted with some errors if (document.querySelector("#%formId% .has-error") || document.querySelector("#%formId% .form-error") || document.querySelector("#%formId% .invalid") || document.querySelector("#%formId% .is-invalid")) { MicroModal.show('modal-%formId%'); } // show error in console if the modal link is not found if (document.getElementById('modal-%formId%') === null) { console.error('The modal plugin can\'t find any element with "data-micromodal-trigger=modal-%formId%" to trigger the modal.'); }]]>