JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gc">
    <ul class="none">
        <li>test</li>
        <li>test</li>
    </ul>
    <input type="text" id="gc-text" />
</div>

CSS

ul.none {
    list-style: none;
    padding: 0;
    margin: 0;
}

#gc {
    width: 100px;
}

#gc * {
    width: 100%;
}

#gc > ul {
    height: 100px;
    overflow-y: auto;
}

#gc > input {
    height: 15px;
}

JavaScript

$('#gc').resizable({
    handles: 'all'
});