Streaming live at 10am (PST)

2 issues with input fields in forms, bug?

Hi everyone,
I was experimenting with forms today, and I struggled in trying to get an input field and the button to stretch to same height when they are flex children, and upon performing CSS inspection I found there’s an inherited height of 38px that I have no idea where it comes from.

In addition, even if I clear the height from the CSS inspector, the field still doesn’t stretch to the height of the button. I also tried setting the height to 100% of the input form, but nothing works. I wonder if I am misunderstanding something or if it’s a bug. What I want to achieve, is as simple as this: http://jsfiddle.net/h0mcaysL/3/ (input text field stretches to the height of the button)

Here’s a video on the issue: Loom | Free Screen & Video Recording Software

Read-only link: Webflow - test 2 form

Some of the Webflow native elements have a pre-set default styling. Some of it also shows up in the styling panel and need to be overwritten according to your own specific reuirements. In your case, you need to set the desired height value for the text field because Webflow’s pre-set a height value.

This always screws me up every time. They really should have an option that is “REMOVE ALL preset CSS styling” :roll_eyes: