NO BUG: After submitting the form, the submit button adds padding

Bugs
1

Browser: Chrome (new)
OS: Windows

Hi,

I have hidden form messages using css. But the problem is that after submitting the form, the submit button adds 20px of padding from the bottom.

2

Hi Jolia,
Can you please provide us with a live link? Thank you!

3

Hi @timmse

I was experiencing this in try.bricks builder. But try.bricks builder doesn’t open for two days.

4

Hi Jolia,
my try.bricksbuilder.io installation works perfectly fine.

If yours still doesn’t work, please reach out via email, so we can investigate the issue.

5

Hi @timmse,

Now I was able to enter try.bricks builder. But it is strange that the link of its pages is redirected to the login page. Of course, I hope it works well for you.

https://try.bricksbuilder.io/t8f1f855/sample-page/

form
form855Ă—239 36.9 KB

6

Hi Jolia,
For my understanding, you’re hiding the success message with something like display:none, right?

The padding creates the gap between the form-groups, as otherwise, the message sticks to the button, which is not the desired result.

So why don’t you just set the padding-bottom of the submit-button-wrapper to 0?

%root% .form-group.submit-button-wrapper {
  padding-bottom: 0;
}
7

Hi @timmse,

For my understanding, you’re hiding the success message with something like display:none, right?

Yes, that’s right.

The padding creates the gap between the form-groups, as otherwise, the message sticks to the button, which is not the desired result.

great I guessed the same. But in general, it would be better if this padding was added to the form message by default, because by hiding the form message, the padding would be removed.
This will be useful even if the option to disable form messages is added in the future. Of course, there is nothing wrong with using css.

Thanks for sharing the code.