Disable sorting below a certain item #1019

Activity

1. hundekoerper commented on Jan 12, 2017

   

   hundekoerper

   on Jan 12, 2017

   More actions

   maybe this issue can help you #347
2. ulken commented on Jan 14, 2017

   

   ulken

   on Jan 14, 2017

   More actions

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

   👍React with 👍1Reacted by Kesupile
3. nickkuijpers commented on Jan 16, 2017

   

   nickkuijpers

   on Jan 16, 2017

   Author

   More actions

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

   closed this as completedon Jan 16, 2017
5. func-dave commented on Mar 28, 2020

   

   func-dave

   on Mar 28, 2020

   More actions

   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');
      }
   });
   
6. Adeel992 commented on Feb 22, 2022

   

   Adeel992

   on Feb 22, 2022

   More actions

   Is there any way to make some items disable on a list?
7. ulken commented on Feb 22, 2022

   

   ulken

   on Feb 22, 2022

   Last edited by ulken

   More actions

   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.