diff --git a/src/Umbraco.Web.UI.Client/examples/sorter-with-two-containers/sorter-group.ts b/src/Umbraco.Web.UI.Client/examples/sorter-with-two-containers/sorter-group.ts
index ce036e017b..79d90f3cab 100644
--- a/src/Umbraco.Web.UI.Client/examples/sorter-with-two-containers/sorter-group.ts
+++ b/src/Umbraco.Web.UI.Client/examples/sorter-with-two-containers/sorter-group.ts
@@ -38,28 +38,34 @@ export class ExampleSorterGroup extends UmbElementMixin(LitElement) {
 		...SORTER_CONFIG,
 		performItemInsert: ({ item, newIndex }) => {
 			const oldValue = this._items;
-			this.items = [...this._items];
-			this.items.splice(newIndex, 0, item);
 			//console.log('inserted', item.name, 'at', newIndex, '	', this._items.map((x) => x.name).join(', '));
-			this.requestUpdate('items', oldValue);
+			const newItems = [...this._items];
+			newItems.splice(newIndex, 0, item);
+			this.items = newItems;
+			this.requestUpdate('_items', oldValue);
 			return true;
 		},
 		performItemRemove: ({ item }) => {
 			const oldValue = this._items;
-			const indexToMove = this._items.findIndex((x) => x.name === item.name);
-			this._items = [...this._items];
-			this._items.splice(indexToMove, 1);
 			//console.log('removed', item.name, 'at', indexToMove, '	', this._items.map((x) => x.name).join(', '));
-			this.requestUpdate('items', oldValue);
+			const indexToMove = this._items.findIndex((x) => x.name === item.name);
+			const newItems = [...this._items];
+			newItems.splice(indexToMove, 1);
+			this.items = newItems;
+			this.requestUpdate('_items', oldValue);
 			return true;
 		},
-		performItemMove: ({ item, newIndex }) => {
+		performItemMove: ({ item, newIndex, oldIndex }) => {
 			const oldValue = this._items;
-			const indexToMove = this._items.findIndex((x) => x.name === item.name);
-			this._items = [...this._items];
-			this._items.splice(indexToMove, 1);
-			this._items.splice(newIndex, 0, item);
-			this.requestUpdate('items', oldValue);
+			//console.log('move', item.name, 'from', oldIndex, 'to', newIndex, '	', this._items.map((x) => x.name).join(', '));
+			const newItems = [...this._items];
+			newItems.splice(oldIndex, 1);
+			if (oldIndex <= newIndex) {
+				newIndex--;
+			}
+			newItems.splice(newIndex, 0, item);
+			this.items = newItems;
+			this.requestUpdate('_items', oldValue);
 			return true;
 		},
 	});
@@ -69,8 +75,7 @@ export class ExampleSorterGroup extends UmbElementMixin(LitElement) {
 	}
 
 	removeItem = (item: ModelEntryType) => {
-		this._items = this._items.filter((r) => r.name !== item.name);
-		this.#sorter.setModel(this._items);
+		this.items = this._items.filter((r) => r.name !== item.name);
 	};
 
 	render() {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/sorter/sorter.controller.ts b/src/Umbraco.Web.UI.Client/src/packages/core/sorter/sorter.controller.ts
index cd243c90da..b4b26f69de 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/sorter/sorter.controller.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/sorter/sorter.controller.ts
@@ -243,8 +243,10 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 
 		// If we have a currentItem and the element matches, we should set the currentElement to this element.
 		if (this.#currentItem && this.#config.compareElementToModel(element, this.#currentItem)) {
-			console.log('got new current element', this.#currentElement === element, element);
-			this.#setCurrentElement(element);
+			if (this.#currentElement !== element) {
+				console.log('THIS ACTUALLY HAPPENED... NOTICE THIS!');
+				this.#setCurrentElement(element);
+			}
 		}
 	}
 
@@ -664,6 +666,7 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 			const oldIndex = this.#model.indexOf(item);
 			if (oldIndex !== -1) {
 				this.#model.splice(oldIndex, 1);
+				this.#config.modelChangedCallback?.(this.#model);
 				return true;
 			}
 		}
@@ -686,24 +689,26 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 
 		const localMove = fromCtrl === this;
 
-		const movingItemIndex = localMove ? this.#model.indexOf(movingItem) : -1;
-
-		if (movingItemIndex !== -1 && newIndex >= movingItemIndex) {
-			newIndex--;
-		}
-
 		if (localMove) {
 			// Local move:
 
+			// TODO: Maybe this should be replaceable/configurable:
+			const oldIndex = this.#model.indexOf(movingItem);
+
 			if (this.#config.performItemMove) {
-				const result = await this.#config.performItemMove({ item: movingItem, newIndex });
+				const result = await this.#config.performItemMove({ item: movingItem, newIndex, oldIndex });
 				if (result === false) {
 					return false;
 				}
 			} else {
 				throw new Error('performItemMove must be configured, until default fallback method is made.');
-				//this.#model.splice(movingItemIndex, 1)
-				//this.#model.splice(newIndex, 0, movingItem);
+				this.#model.splice(oldIndex, 1);
+				if (oldIndex <= newIndex) {
+					newIndex--;
+				}
+				this.#model.splice(newIndex, 0, movingItem);
+
+				this.#config.modelChangedCallback?.(this.#model);
 			}
 		} else {
 			// Not a local move:
@@ -720,6 +725,7 @@ export class UmbSorterController<T, ElementType extends HTMLElement = HTMLElemen
 				}
 			} else {
 				this.#model.splice(newIndex, 0, movingItem);
+				this.#config.modelChangedCallback?.(this.#model);
 			}
 		}