Как перетащить элемент в угловой 6?

Я могу перетащить элемент, но моя проблема в том, что перетаскиваемый элемент отображается только в определенном теге div, возможно, из-за автоматической прокрутки, как это исправить? Мне нужна автоматическая прокрутка в этой области.

<div align = "center" style = "overflow: auto;  height:465px; width: 100%;" class = "">
    <ul style = "list-style-type:none;text-align: center" draggable = "true" value = "" class = ""
        draggable = "true" ondragstart = "drag(event)" id = "drag" *ngFor = "let item of List ">
        <li>{{tem}}</li>
    </ul>
<div>