The goal of this phase is to enhance the user experience by making the drag proxy a live, interactive component that continues to receive real-time updates during the drag operation. This is the foundational step for the dynamic windowing in Phase 3.
Override Drag Proxy Creation:
- The
Container.SortZone will override the createDragProxy method.
Implement Component Reparenting:
- Instead of creating a static clone of the widget's VDOM for the proxy, the new logic will temporarily move the actual component instance into the
DragProxyComponent.
- This will leverage the VDOM engine's capability to move live DOM nodes, ensuring the component within the proxy remains fully functional and continues to process data updates.
Finalize Drop Logic:
- On drop, the live component will be moved from the proxy container back into its new position in the
Viewport's layout.
The goal of this phase is to enhance the user experience by making the drag proxy a live, interactive component that continues to receive real-time updates during the drag operation. This is the foundational step for the dynamic windowing in Phase 3.
Override Drag Proxy Creation:
Container.SortZonewill override thecreateDragProxymethod.Implement Component Reparenting:
DragProxyComponent.Finalize Drop Logic:
Viewport's layout.