拖动时角度角度cdk不是滚动容器

Question

我正在开发一个前端应用程序，其中我使用的是angular 7我正在使用angular cdk拖放元素，但是问题是当我进行拖动时div容器无法滚动，因此是否有解决方案

https://angular-2cdcbb.stackblitz.io

这是我的html

<div class="col_container" >
  <div class="column" cdkDrag>
    box
  </div>
</div>

这是我的CSS

.col_container {
  height: 300px;
  width: 10%;
  margin: 0 auto;
  padding: 10px;
  background-color: yellow;
  overflow-x: auto;
  overflow-y: auto;
  border-style: solid;
  border-width: 0.1px;
  border-color: black;
}
.column {

  color: blue;
  background-color: azure;
  border-style: solid;
  border-width: 0.1px;
  border-color: black;
  display: inline-block;
  width: 30px;
  margin: 0 6px;
  vertical-align:top;

}

这是我的组件

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'scrollTestForDragAndDrop';
}

预期的行为是，当我将框拖到边框时，黄色div必须滚动