Bricks Version: 1.4.0
Browser: Chrome 90
OS: macOS / Windows / Linux / etc.
URL: It’s in the builder
Hi!
I am not sure if this is a bug. The form become like this after I updated the site to 1.4 from 1.3.7.
No matter what I do, I was unable to make the field and submit button side by side.
Here is the screencast:
Or, am I missing out on something?
Looking forward to hearing from you.
Thank you!
Hi Jornes,
Thanks so much for your report!
Unfortunately, I am not able to reproduce the issue. Can you provide a live link so I can take a look at the code?
Best regards,
timmse
@timmse
Hi!
Yes. The form worked well when I dragged a new form element.
The form in the screencast is the form from version 1.3.7.
So, I don’t know why it’s not working.
Btw, I will send you a temp link so you can take a look at it.
Thank you!
I think you can reproduce the same when you enable Spam Protection > Enable ReCaptcha.
It also happened to the new form element I dragged in.
Hey Jornes,
Thanks for the hint!
With all the form problems, I had to sort it out in my head first, but have now added the problem to the bug tracker.
Best regards,
timmse
You’re welcome, @timmse
And I also noticed that there would have an unnecessary gap when I enabled the ReCaptcha.
Screencast:
I did check the HTML source through the dev tool. The gap is from the ReCaptcha’s field.
As the Recaptcha is meant to be invisible, I believe it shouldn’t have a gap when it’s enabled.
I, too am struggling with a similar problem. That the submit button on inline forms is not able to match the height of the input fields. It remains a little less than the fields height. I tried various CSS tricks in inspect tool as well but to no avail. Any help?
Hey Khan,
add the following custom CSS:
root.brxe-form .form-group {
justify-content: stretch;
}
root.brxe-form .bricks-button {
height: 100%;
}
Best regards,
timmse
Hi Jornes,
The issue has been fixed in Bricks 1.5beta.
Please let us know if you still encounter any problems.
Best regards,
timmse
Hi @timmse
Alright. Btw, I haven’t yet checked on this.
I will come back to you if I still see the same.
Thanks for the fixes!
Hi @timmse
The same issue has been back in 1.5-RC.
Backend
Frontend
I added a new form and style everything but still the same.
Url to the page:
Looking forward to hearing from you.
Thank you!
This issue, I have already sent an email to you guys. The email contains the temp login link. Kindly check it out. Thank you!
Hello @jornes
Thank you for sending over the login link.
Although that output looks like the same as before 1.5, it is not the same issue.
I checked the configuration and I adjusted the width of the email field and the submit button to 60% / 40%, regenerated the CSS, and cleaned the cache and now they show correctly. Could it be something related to the custom Global Class applied to the form?
Hi @luistinygod
Thank you for your investigation!
Ah…I forgot to try regenerating the CSS. I should have tried that before reporting it.
Thank you! 
