Define sortable container explicitly

[ghost]

Hi,
I have a problem while sorting. Dragged element disappears from view. It is inserted just before closing body tag. Is there a way to define sortable container?

[ghost]

@Jexordexan
I forked fiddle example : This is what i want exactly but i use this inside a modal. Then it can't find the container probably.
https://jsfiddle.net/atilkan/djbwn27o/10/

Note: I don't use name property for vue instance if it is relevant.

[ghost]

More info. Why contentWindow is undefined, i don't get it?

[ghost]

@Jexordexan I put examples side by side, not one setting is different. I only load vue staff in a modal dynamicly. I wish i could share it but it is bound to backend.

[Jexordexan]

I'm taking a look. But the contentWindow is an optional replacement for the window object, it should not really be used except in special circumstances.

You might want to make sure the helper elements z-index is greater than the modal's.

[ghost]

I kind of dived into source but i don't understand why it could not find this.$el and defaults to window or document.
I don't know how to debug that.

[ghost]

@Jexordexan
To be clear; I insert this into html because i have other things in the same instance.

<sortable-list v-model="skills" v-bind:use-drag-handle="true">
			<sortable-item v-for="(item, index) in skills" v-bind:index="index" v-bind:key="index" v-bind:item="item" />
		</sortable-list>

And this is the html structure. sortableArea is the place. Vue instance have other things but not active yet.

[ghost]

@Jexordexan
I might be find it. Dragged element's css has fixed while dragging. I don't know where it comes from.
Edit: It comes from ContainerMixin.js
But it is not applied on your examples.

[ghost]

There might be something wrong here. ContainerMixin.js line 245

[ghost]

No, it is not it. Damn.

[ghost]

Well. I figured. I am really sorry about this. I took your time. It took my days to figure out.
I had several problems z-index was one of them. Thanks for pointing out.
Also i had other issue which is dragged item doesn't stick where i drag it. It was because of Vuex. I should learn a bit more about states and mutation.
Have a nice day.