draggable: '[data-gjs-type="mj-body"]' don't work for my custom component

[mingxin-yang]

I use the grapejs-mjml plugin, I add a mj-link type, I want to it like mj-section, just draggable in mj-body, but it can't work.
When I set draggable: '[data-gjs-type="mj-column"]' , it can drag in to mj-column, but not at mj-body . I don't konw why.
Please help me.

editor.DomComponents.addType('mj-link',{
  model:{
    defaults: {
      editable:true,
      draggable: '[data-gjs-type="mj-body"]',
    },
  },

backbone.js:370 Invalid target position 
{errors: Array(2), model: r, context: 'sorter', target: undefined, level: 'warning'}
context: "sorter"
errors: (2) ['Target collection not found', 'Component not draggable, acceptable by [[data-gjs-type="mj-body"]]']
level: "warning"
model: r {cid: 'c935', attributes: {…}, _changing: false, _previousAttributes: {…}, changed: {…}, …}
target: undefined
[[Prototype]]: Object

@artf

[ronaldohoch]

Hello!
Why not use the correct semantic?

From: https://documentation.mjml.io/#mj-section

[mingxin-yang]

I need a control that can be clicked and then the link can be entered in the pop-up box. The mj-section does not meet my needs, similar to this
GrapesJS/mjml#250

[yongma16]

I also encountered this problem, please do you solve it?