same class name problem ("form-group")

[ug-code]

Hi kevinchappell,

Sorry for my english
my english is very bad : )

your javascript file is not custom for my theme metronic

for example
my theme css use this class name (form-group)
<div class="form-group"> bla bla</div>

and you javascript file is as follows (form-builder.min.js)
.form-elements, .form-group, .multi-row span, textarea { display: block; }

you have to add custom name
for example
.fb-form-elements, .fb-form-group, .fb-multi-row span, fb.textarea { display: block; }
or
.fb.form-elements, .fb.form-group, .fb.multi-row span, fb.textarea { display: block; }

[bretto36]

This is still present and an issue. In bootstrap 4 form-group is by default display:flex but this class forces it to be display block.

Can we simply add a prefix to the class names

.form-builder .form-elements, .form-builder .form-group, .form-builder .multi-row span, .form-builder textarea { display: block; }

[dainw]

Including formBuilder on a bootstrap page results in all form-group elements being broken with display:block. As an example, the button on this form should be attached to the right side of the search box:

It looks like form-builder.scss might be closing the .form-wrap.form-builder block early. Please reference this @sophanox comment for a possible solution.

[lucasnetau]

duplicate of #594

[github-actions]

🎉 This issue has been resolved in version 3.13.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀