JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="add">Add a button!</button>
<div id="menu">
</div>

CSS

#menu{
    background:grey;
    float:left;
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

JavaScript

$('#add').button().click(function(){
    var d = $('<div/>');
    var b = $('<button type="button">Test</button>');
    d.appendTo($('#menu'));
    b.button().appendTo(d);
  
    if($('#menu').innerHeight() < $('#menu')[0].scrollHeight){
        $('#menu').css( "padding", "0 15px 0 0" );
    }
});