What does height:auto do in CSS?

[shivajikobardan]

TL;DR

height:auto

https://stackoverflow.com/questions/15943009/difference-between-css-height-100-vs-height-auto
I read the accepted answer and it doesn’t make much sense to me in practical applications.

Here’s my codepen.
What does height:auto does here?

As per my research, height:auto fits content. Ie As much content, that much height.
Also height:auto is default for every block element and form is a block element, why is it necessary to add height:auto here?

 

[jack action]

You don't have to set height to auto because it is the default value for that property.

But if you set it to something else, it is possible that you would need to change it back to its default value with Javascript.

 

[pbuk]

change it back to its default value with Javascript.

Or a selector with more specificity, or a media query. In 2022 we tend not to use JS for look-and-feel.