I am using Gridstack in Angular. My issue is that when I add a static widget to the Gridstack layout, the draggable.handle option works as expected. However, when I dynamically add another widget, the draggable.handle setting does not work. You can see this in the example: Static - Drag here -: This widget can only be moved by dragging the header, as intended. Dynamic - Drag here -: This widget can be dragged from anywhere, which is not the desired behavior. I have already checked related question (Allow Gridstack draggable only to a specific area of the item) I have tried the following example: gridstack-draggable reference : https://gridstackjs.com, https://gridstackjs.com/demo/title_drag.html Continue reading...