The DOM node does not show problems when the drag-and-drop component is in use

[SultanST]

First check https://github.com/SortableJS/Vue.Draggable/blob/master/CONTRIBUTING.md

<draggable v-model="detailList" class="drag" style="display:flex">
    <transition-group>
            <div class="imgbox" v-for="(item, index) in detailList" :key="item.id">
                  <img class="firstImg imgList" :src="item" alt="" />
                  <i class="el-icon-delete" @click="removeDetailImg(index)"></i>
                  <div class="img-modal"></div>
            </div>
    </transition-group>
</draggable>

Jsfiddle link

Step by step scenario

Actual Solution

Expected Solution