JSFiddle - React, Tailwind, and code Playground

HTML

<div class='lab-flex-col-container'>
    <div class='lab-flex-col hidden' id='hidden-does-not-work'>
        <input id='hidden-works' type='text'>
    </div>
    <div id='hidden-works' hidden>
        <textarea></textarea>
    </div>
    <div id='hidden-does-not-work-here-either' class='lab-flex-col hidden'>
        <button>Save</button>
    </div>
</div>

CSS

.lab-flex-col.hidden {
    display: none;
}

.lab-flex-col {
    display: flex;
}