使用 Angular CDK 将容器拖到不同的 div

如何解决使用 Angular CDK 将容器拖到不同的 div

我正在尝试使用 Angular Material CDK 将一个 div 拖动到另一个 div，该 div 是原始持有 div 的兄弟。

问题是我可以将它拖到原始div中的任何位置，但它不会超出div之外，原始div只是随着滚动条而增长。

从下面的代码中您可以看到我正在尝试将“example-Box”拖入“.paper”中

<mat-sidenav-container class="example-container">
    <mat-sidenav mode="side" opened class="example-sidebar">
        <!-- below Box will not leave this div -->
        <div class="example-Box" cdkDrag> 
            Drag me around
          </div>
    </mat-sidenav>
    <mat-sidenav-content class="paper-container">
            <div class="paper">
                <img src="/assets/Page-6.png" class="page-image">
            </div>

    </mat-sidenav-content>
</mat-sidenav-container>