Custom drag handle not working with renderCB when using LazyLoad or React

[GowthamTG]

When using renderCB to render elements, custom drag handles are not functioning as expected. The drag functionality remains bound to the default .grid-stack-item-content instead of the specified custom handle.

Environments where issue occurs:

1. HTML with lazyLoad: true (Works fine when lazyLoad: false)
2. React (Doesn't work even with lazyLoad: false, likely due to React components mounting after GridStack initialization)

Expected Behavior:
The custom drag handle should be functional when specified in the renderCB implementation.

Current Behavior:
The drag functionality remains bound to .grid-stack-item-content instead of the custom handle.

[Please let me know if you need any additional information or specific code examples to reproduce the issue.]

Screen.Recording.Feb.8.2025.mov

[adumesny]

thanks for the report but next time please post that code or a running example so I don't have to re-create it!

[adumesny]

fixed in next release. as for React, we shouldn't call MakeWidget() until all DOM content has been created (if you have content custom drag handler). What I do in Angular wrapper. Otherwise you have to disable/re-enable move on the widget as _prepareDragDropByNode() is private and doesn't handle changing the handle.

don't forget to donate if you find this lib useful!

[adumesny]

Update: grid.prepareDragDrop(el) is now public!