Angular 17：拖拽与缩放功能异常，组件隔离存在问题

问题现象 #

• 拖放调整container2大小的时候，container1会跟着上下挪位置
• 先调完container2再去拉container1的缩放点，会出现两边一起被拉长的情况，完全不符合预期

本来两个组件应该是各自独立的，操作一个不该影响另一个，但现在这俩问题都找不到原因。

复现环境 #

Stackblitz项目：stackblitz.com/edit/stackblitz-starters-igouxy

可能的排查方向 #

1. 检查状态隔离：看看两个组件是不是共用了全局变量或父组件共享的状态（比如尺寸、偏移量），会不会调整container2时意外修改了container1依赖的计算值。
2. 排查事件冲突：确认拖拽/缩放事件的绑定逻辑，有没有出现事件冒泡未阻止、事件委托范围过大的情况，导致container2的操作触发了container1的更新。
3. 核对位置计算逻辑：检查container1的垂直位置是否依赖container2的尺寸（比如动态计算margin、offset），这种依赖会导致container2尺寸变化时带动container1位移。
4. 检查全局样式修改：确认调整container2的代码中，有没有修改父容器、body等全局元素的布局属性（比如padding、margin），间接影响了container1的位置。

内容的提问来源于stack exchange，提问作者Lorenzo