When other forms (by different forms plugins) are available on the same page, they can break functionality. I use Pro Forms for special functionality and WS Form as my main forms plugin. Both are on the same page. The bricksforge_elements.js checks for any textarea[maxlength] fields on the page (line 3119: document.querySelectorAll(‘textarea[maxlength]’).forEach…) and expects these are Pro Forms (line 3122: const t = e.closest(‘.pro-forms-builder-field’).querySelector(‘.max-length-counter’)
But WS Form does not have that class attached, so the querySelector runs on null and causes an "Uncaught (in promise) TypeError, eventually breaking the whole functionality.
Change that call to something like:
document.querySelectorAll(‘textarea[maxlength]’).forEach(e => {
// First, get the field wrapper safely
const field = e.closest(‘.pro-forms-builder-field’);
if (!field) {
// Not a Pro Forms field – skip to avoid errors
return;
}
// Then look for the counter element
const t = field.querySelector('.max-length-counter');
if (!t) return;
Thanks!
Will be deployed in the next version, which I upload probably tomorrow