I'am using gridstack.js with vue2. I wanted to remove propagation on drag with saving grid system in my component by dragging only .addition_border (aqua border), and not dragging .addition_content (inner content)

  <div class="addition_border">
    <q-scroll-area class="addition_content" ref="addition">
      <slot />
    </q-scroll-area>
  </div>

gristack draggable options:

draggable: {
  handle: ".addition_border",
  scroll: true,
  appendTo: "body",
},

Example of component