Disable sorting below a certain item

[nickkuijpers]

Hello!

I am creating a menu with children sort object in Vue.

All is working well, but is it possible to disable to possibility to not be able to drop it below a certain item but above it can?

So like this:

Item1
Item2

• Subitem1
• Subitem2
  Item3
  Disabledfield ( used so we can drop after it when it ends with children)

I want to be able to drop it above Disabledfield but not below.

Is this possible?

[hundekoerper]

maybe this issue can help you #347

[ulken]

Sounds like a combination of filter and onMove is what you are after. See #1021 for an example.

[nickkuijpers]

This is exactly what i need. Thanks so much!!!

[func-dave]

Sorry for necro-post, it helped me to use the following here in 2020.

new Sortable(stimuliCards, {
    draggable: '.stimuli-card:not(.stimuli-card-start)',
    filter: '.no-drag',
    onMove: event => {
        return !event.related.classList.contains('.no-drag');
   }
});

[Adeel992]

Is there any way to make some items disable on a list?

[ulken]

Is there any way to make some items disable on a list?

If I understand you correctly, then sure. The filter option is what you're after. From the docs:

filter: ".ignore-elements",  // Selectors that do not lead to dragging (String or Function)

Depending on your setup, you could also do the invert and specify which items should be draggable. Again, from the docs:

draggable: ".item",  // Specifies which items inside the element should be draggable

You find example usages in previous comments and linked issues in this thread or the docs.