Hey @hzlzsm! 👋 I'm here to help you with any bugs, questions, or contributions you might have. Let's work together to solve the issue you're facing.

There are two similar closed issues related to your question, but neither provided a solution in the comments:

1. The absolute/relative positioning makes the useDraggable element change its coordinates as moving starts ^[1].
2. useElementBounding 的目标元素被flex包裹时，位置信息不会响应式更新 ^[2].

To address your issue, useElementBounding updates its values based on several conditions, such as resize and mutation observers, and window events like scroll and resize. However, it does not automatically update when the element is dragged using useDraggable ^[3].

To ensure useElementBounding updates after dragging, you can manually trigger an update by calling the update function returned by useElementBounding. Here's how you can do it:

const { update } = useElementBounding(targetElementRef);

// Call this function after dragging ends
update();

This will recalculate the bounding box of the target element. You can call this update function in the onEnd callback of useDraggable to ensure the bounding information is updated after dragging ^[3].

To continue talking to Dosu, mention @dosu.

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}