как сделать div вертикально перетаскиваемым без jqueryUI

Question

Действительно ли мне нужна целая библиотека (jquery UI), чтобы сделать div вертикально перетаскиваемым внутри его родителя?

Я пытался с атрибутом draggable="true", но он просто не работает.

.wrap{text-align:center;}
.parent{display:inline-block; position:relative; padding:14px; background:lightblue; overflow:hidden; width:50%; height:54px;}
.title{position:absolute; left:0; top:0; background:gold; cursor:move; width:100%;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class='wrap'>
<div class='parent'>
<div class='title' id='title' draggable="true">DRAG ME UPandDOWN</div>
</div>
</div>

Answer 1

Вы можете посмотреть атрибут Draggable в HTML. Вы, вероятно, пропустили drop и drag события.