在隐藏的可放置区域

Question

我已经实施了一个网页，为了这个问题的目的，它可以简化为下图。允许用户从蓝色侧拖动紫色元素（拖动区域）并将其拖放到绿色侧（拖放区域）的橙色矩形上。

蓝色边占据页面的百分比。每个橙色矩形的元素都是水平列出的。当大量元素添加到橙色拖放区域时，它们会展开以显示所有丢弃的紫色项目。这扩展了绿色方面，但由于蓝色方面总是占据页面的一定百分比，绿色方面的溢出只能通过水平滚动来看到。

如果橙色矩形已经扩展了足够长的时间，绿色边需要滚动以查看橙色矩形中的项目，并且在蓝色区域内释放紫色元素，橙色拖放区域会拾取掉落事件。即使该项目在视觉上似乎是放置区域之外被丢弃，由于蓝色区域下方存在可放置区域，因此拾取掉落事件。

如果橙色矩形不在蓝色区域下方，它们如何被限制为只能点亮？