放置区域宽于元素

Question

是否可以像在trello中一样使用拖放材质功能？我的意思是不仅要在一个项目悬停另一个项目时激活放置区域，而且要在下面的相同“列”区域中激活放置区域。这是我要达到的目标：

这是默认的棱角材质行为-一旦一个项目悬停另一个项目，订单便会更改（https://stackblitz.com/edit/angular-7wcawp）：

如果某项在另一项之下，则无法使用-

我可以增加放置区域，但是在这种情况下，拖动项目的区域也增加了：

另一种选择是使用“ cdkDropListConnectedTo”分割具有放置区域的拖动项目，但是这种放置区域不允许项目放置在其顶部：https://stackblitz.com/edit/angular-eadk54?file=src%2Fapp%2Fapp.component.html