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