Draggable not working on ElementUI tabs

Jsfiddle link

https://jsfiddle.net/fozvq5wn/24/

Step by step scenario

I’m trying to wrap the Tabs from ElementIUI in draggable. My example above is based upon the example for <el-collapse>.

Actual Solution

This moves the whole tab wrapper (ie, all the tabs).

Expected Solution

I would expect this to move the individual tab

Am I doing something stupid or have I found a bug?

[ChuckFields]

Going off of @charles2hang 's comment. I’ve created a working example.

[onlunar]

Works like a charm.Just use it like Sortablejs in normal situation not using Vue.

import Sortable from "sortablejs";
......
mounted() {
  let el = document.querySelector(".el-tabs__nav");
  let sortTabs = Sortable.create(el, {
    animation: 200,
    filter: ".el-icon-close"
  });
}
......

However,you’d lose track of the array order like using :list options in vuedraggable since it’s immutable. You’d have to configure some callback for Sortable events,implementing mutation for certain needs. Still,It’s practical to embed Sortable in el-tabs like this.