BlazorSortableJs 2.0.0

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package BlazorSortableJs --version 2.0.0
                    


                    

                
NuGet\Install-Package BlazorSortableJs -Version 2.0.0
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="BlazorSortableJs" Version="2.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="BlazorSortableJs" Version="2.0.0" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="BlazorSortableJs" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add BlazorSortableJs --version 2.0.0
                    


                    

                
#r "nuget: BlazorSortableJs, 2.0.0"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package BlazorSortableJs@2.0.0
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=BlazorSortableJs&version=2.0.0
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=BlazorSortableJs&version=2.0.0
                    


                            Install as a Cake Tool

Bug Fixes (sortableInterop.js)

  1. Fixed clone detection - Changed options.group.pull === 'clone' to evt.pullMode === 'clone'
    • Was incorrectly checking the target list's options instead of the actual drag operation mode
    • Items now drop in the correct position when cloning between lists
  2. Fixed duplicate DOM elements - Added evt.item.remove() in the onAdd handler
    • Sortable.js inserts a cloned DOM element, but Blazor renders its own
    • Removing the Sortable clone prevents duplicate items appearing

New Sortable Component Features (Sortable.razor.cs)

  1. OnItemDropped event - New callback fired when item is dropped (reorder or cross-list)
  • Provides SortableDroppedEventArgs<TItem> with:
    • Item, TargetSortableId, SourceSortableId
    • NewIndex, OldIndex
    • ItemBefore, ItemAfter
    • IsCrossListMove property
  1. Id parameter - Optional identifier to identify which list received a drop
  2. New helper methods:
    • MoveOrInsertItem(item, newIndex) - For syncing state from external updates
    • RemoveItemIfExists(item) - Removes item if found
    • SyncItems(orderedItems) - Replaces entire list with new order
  3. List reference tracking - Detects when list reference changes (not just contents) to properly re-initialize JS

New E2E Test Suite (BlazorSortableJS.Tests.E2E)

  • 12 PuppeteerSharp tests covering SimpleList, SharedLists, DisableSorting, Nested, and Dynamic examples
Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 was computed.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (1)

Showing the top 1 NuGet packages that depend on BlazorSortableJs:

Package Downloads
NeuronaTexnology.UI

Package Description

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
2.0.0 6,741 1/1/2026
2.0.0-Preview4 941 11/19/2024
2.0.0-Preview3 751 11/17/2024
2.0.0-Preview2 3,246 5/18/2023
2.0.0-Preview1 383 4/3/2023
1.0.8 47,220 5/21/2021
1.0.7 963 3/8/2021
1.0.4 918 5/20/2020
1.0.3 791 5/4/2020
1.0.2 756 5/4/2020
1.0.0 664 9/25/2019
1.0.0-preview9-03 495 9/11/2019
1.0.0-preview9-02 509 9/11/2019
1.0.0-preview9-01 468 9/5/2019
1.0.0-preview8-05 486 9/2/2019
1.0.0-preview8-04 514 9/2/2019
1.0.0-preview8-03 485 9/1/2019
1.0.0-preview8-02 511 9/1/2019
Loading failed