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: Edit fiddle - JSFiddle - Code Playground (input text field stretches to the height of the button)
Here’s a video on the issue: https://www.loom.com/share/e4ca65e3f7bf42d08416999338b90a85