From ba4cc1a4960a991eb793c1d5da586f7d9cdadbb0 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 25 Sep 2019 16:08:01 +0200
Subject: [PATCH] Fixed more odering bugs, still flashes before being sorted
 though :(

---
 app/imports/ui/components/tree/TreeNodeList.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/imports/ui/components/tree/TreeNodeList.vue b/app/imports/ui/components/tree/TreeNodeList.vue
index 93ab46e5..f966aa5f 100644
--- a/app/imports/ui/components/tree/TreeNodeList.vue
+++ b/app/imports/ui/components/tree/TreeNodeList.vue
@@ -1,4 +1,5 @@
 <template lang="html">
+	<!--use value for immutable, list for auto-updating children -->
 	<draggable
 		class="drag-area"
 		:value="children"
@@ -62,11 +63,17 @@
 			},
 		},
 		methods: {
-			change({added, moved}){
+			change({added, moved, removed}){
 				let event = moved || added;
-				let newIndex = this.children[event.newIndex].node.order;
 				if (event){
 					let doc = event.element.node;
+					let newIndex;
+					if (event.newIndex === 0){
+						newIndex = 0;
+					} else {
+						childBeforeNewIndex = this.children[event.newIndex - 1];
+						newIndex = childBeforeNewIndex.node.order + 1;
+					}
 					if (moved){
 						this.$emit('reordered', {doc, newIndex});
 					} else if (added){