SOLVED: Form: submit button styles

Bugs
1

Browser: Chrome 117
OS: Windows

Hi bricks team,

I was checking the form element for the first time when I encountered some bugs.

1- Immediately after selecting the icon in the submit button, the default text (send) is removed. Therefore, we must add the send text again. It would be much better if this did not happen. In fact, this behavior is not expected.

2- After clicking the button button, the width of the button increases for no reason. In fact, when the spinner is added, it creates a gap that is too much.

Screenshot

3- It’s not a bug, but I hope this can be done, but please add the possibility to use a custom icon for the spinner in the submit button.

2

Hi Jolia,
Thanks so much for your report!

  1. It is the expected behavior because there are also users who only want to use an icon without any text, or use a different text than “send”.

  2. This is due to two strange defaults. We will check this.

Temporary fix:

%root% button[type=submit] .loading {
  margin-left: 0;
}

%root% button[type=submit].sending i {
  display: none;
}
  1. If other users express this wish, we will take care of it. You are welcome to submit the idea on the Idea board: Ideas – Bricks

Best regards,
timmse

3

Hi Jolia,

We’ve fixed this issue in Bricks 1.9.2 beta, now available as a manual download in your account (see changelog).

Please let us know if you are still experiencing issues.

As with any beta release, please do not use it on any production/live website. It is only meant for testing in a local/staging environment.

1 Like