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

Browser: Chrome 124
OS: macOS
Video: Form Test (Builder) - 7 May 2024 | Loom

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.

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

Thanks. That’s a much better workaround.