изменить размер targ снизу вверх
при достижении targins Я хочу форсировать - прекратить изменение размера
текущий код позволяет ребенку визуально находиться за пределами родителя, и это то, что мне нужно предотвратить
Любая помощь?
$(function(){
$('#targ, #targins').resizable({
handles: 's'
});
$('#targins').draggable({
axis: 'y',
containment: 'parent'
});
});
.targ{
width:45%;
margin:0 auto;
background:#ddd;
height:79px;
}
.targins{
position:relative;
width:100%;
display:grid;
align-items:center;
background:gold;
text-align:center;
top:25px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<div class='targ' id='targ'>
<div class='targins' id='targins'>LOREM IPSUM</div>
</div>