SOLVED: Form input field border width setting not working via Form widget or Theme Style when all 4 sides are same value

Bugs
1

Browser: Chrome 124
OS: macOS
Video: https://www.loom.com/share/ca347ed8e09a461696474af765384278

I am using the Form widget. I want to set the input field border thickness. I go into the Form widget > Field > Border > Width and set it a value like 5px for all 4 sides. It works in the builder, but not on the front end. Just gives me 1px thickness inherited from frontend.min.css. I discover if all 4 values are not the same e.g. 5 4 4 4 (instead of 4 4 4 4) then it works. So a workaround for this apparent bug is I can set 2.1px 2 2 2 if I want a 2px border thickness. I also then try to set it via the Theme Style and get the same issue.

I had this on a site I’m working on, and then went and tested it in the Bricks playground and got the same result so it seems like a legit bug.

2

Hi,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.
If you set the border style (solid), it works as expected (which is the better „workaround“).

However, as a default style already adds a border style solid to the inputs, this should not be necessary.

Best regards,
timmse

1 Like
3

Thanks. That’s a much better workaround.

4

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

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production website. It is intended for testing in a local or staging environment only.