Html 角度文件上载嵌套拖放区

使用这个库，我试图创建嵌套的dropzones，但遇到了dragleave事件的问题

<div class="full-area">
  <div class="outer-dropzone">
    <ol>
      <li>
        <div class="container">
          <div class="drop-zone-inner"></div>
          <div class="align"> </div> 
          <div class="align"> </div>
        </div>
      </li>
    </ol>
  </div>
</div>

我想要实现的是以下几点：

当拖动到浏览器窗口并输入.outer dropzone时，它会更改css（例如背景色黄色）

如果拖到.drop zone inner上，它将还原.outer dropzone，然后将drop zone inner更改为新的css背景

第三，如果您离开.dropzone内部，它将重新应用.outer dropzone css更改

我遇到的问题是在.drop区域内部字段中是否有多个项目（即文本和图像等）。它会导致在尝试取消应用内部放置区并重新应用外部放置区的位置闪烁

我尝试了很多不同的设置和布局，但我不确定实际实现这一点的最佳方式

编辑：基本上，我正在尝试完成类似Dropbox的dropzone高光