diff --git a/packages/editor-ui/src/components/mixins/nodeBase.ts b/packages/editor-ui/src/components/mixins/nodeBase.ts
index 03ad84db00..ba3661700a 100644
--- a/packages/editor-ui/src/components/mixins/nodeBase.ts
+++ b/packages/editor-ui/src/components/mixins/nodeBase.ts
@@ -29,12 +29,6 @@ export const nodeBase = mixins(nodeIndex).extend({
 		isMacOs (): boolean {
 			return /(ipad|iphone|ipod|mac)/i.test(navigator.platform);
 		},
-		isReadOnly (): boolean {
-			if (['NodeViewExisting', 'NodeViewNew'].includes(this.$route.name as string)) {
-				return false;
-			}
-			return true;
-		},
 		nodeName (): string {
 			return NODE_NAME_PREFIX + this.nodeIndex;
 		},
@@ -276,63 +270,71 @@ export const nodeBase = mixins(nodeIndex).extend({
 				this.instance.addEndpoint(this.nodeName, newEndpointData);
 			});
 
-			if (this.isReadOnly === false) {
-				// Make nodes draggable
-				this.instance.draggable(this.nodeName, {
-					grid: [10, 10],
-					start: (params: { e: MouseEvent }) => {
-						if (params.e && !this.$store.getters.isNodeSelected(this.data.name)) {
-							// Only the node which gets dragged directly gets an event, for all others it is
-							// undefined. So check if the currently dragged node is selected and if not clear
-							// the drag-selection.
-							this.instance.clearDragSelection();
-							this.$store.commit('resetSelectedNodes');
+			// TODO: This caused problems with displaying old information
+			//       https://github.com/jsplumb/katavorio/wiki
+			//       https://jsplumb.github.io/jsplumb/home.html
+			// Make nodes draggable
+			this.instance.draggable(this.nodeName, {
+				grid: [10, 10],
+				start: (params: { e: MouseEvent }) => {
+					if (this.isReadOnly === true) {
+						// Do not allow to move nodes in readOnly mode
+						return false;
+					}
+
+					if (params.e && !this.$store.getters.isNodeSelected(this.data.name)) {
+						// Only the node which gets dragged directly gets an event, for all others it is
+						// undefined. So check if the currently dragged node is selected and if not clear
+						// the drag-selection.
+						this.instance.clearDragSelection();
+						this.$store.commit('resetSelectedNodes');
+					}
+
+					this.$store.commit('addActiveAction', 'dragActive');
+					return true;
+				},
+				stop: (params: { e: MouseEvent }) => {
+					if (this.$store.getters.isActionActive('dragActive')) {
+						const moveNodes = this.$store.getters.getSelectedNodes.slice();
+						const selectedNodeNames = moveNodes.map((node: INodeUi) => node.name);
+						if (!selectedNodeNames.includes(this.data.name)) {
+							// If the current node is not in selected add it to the nodes which
+							// got moved manually
+							moveNodes.push(this.data);
 						}
 
-						this.$store.commit('addActiveAction', 'dragActive');
-					},
-					stop: (params: { e: MouseEvent }) => {
-						if (this.$store.getters.isActionActive('dragActive')) {
-							const moveNodes = this.$store.getters.getSelectedNodes.slice();
-							const selectedNodeNames = moveNodes.map((node: INodeUi) => node.name);
-							if (!selectedNodeNames.includes(this.data.name)) {
-								// If the current node is not in selected add it to the nodes which
-								// got moved manually
-								moveNodes.push(this.data);
+						// This does for some reason just get called once for the node that got clicked
+						// even though "start" and "drag" gets called for all. So lets do for now
+						// some dirty DOM query to get the new positions till I have more time to
+						// create a proper solution
+						let newNodePositon: XYPositon;
+						moveNodes.forEach((node: INodeUi) => {
+							const nodeElement = `node-${this.getNodeIndex(node.name)}`;
+							const element = document.getElementById(nodeElement);
+							if (element === null) {
+								return;
 							}
 
-							// This does for some reason just get called once for the node that got clicked
-							// even though "start" and "drag" gets called for all. So lets do for now
-							// some dirty DOM query to get the new positions till I have more time to
-							// create a proper solution
-							let newNodePositon: XYPositon;
-							moveNodes.forEach((node: INodeUi) => {
-								const nodeElement = `node-${this.getNodeIndex(node.name)}`;
-								const element = document.getElementById(nodeElement);
-								if (element === null) {
-									return;
-								}
+							newNodePositon = [
+								parseInt(element.style.left!.slice(0, -2), 10),
+								parseInt(element.style.top!.slice(0, -2), 10),
+							];
 
-								newNodePositon = [
-									parseInt(element.style.left!.slice(0, -2), 10),
-									parseInt(element.style.top!.slice(0, -2), 10),
-								];
+							const updateInformation = {
+								name: node.name,
+								properties: {
+									// @ts-ignore, draggable does not have definitions
+									position: newNodePositon,
+								},
+							};
 
-								const updateInformation = {
-									name: node.name,
-									properties: {
-										// @ts-ignore, draggable does not have definitions
-										position: newNodePositon,
-									},
-								};
+							this.$store.commit('updateNodeProperties', updateInformation);
+						});
+					}
+				},
+				filter: '.node-description, .node-description .node-name, .node-description .node-subtitle',
+			});
 
-								this.$store.commit('updateNodeProperties', updateInformation);
-							});
-						}
-					},
-					filter: '.node-description, .node-description .node-name, .node-description .node-subtitle',
-				});
-			}
 		},
 
 		isCtrlKeyPressed (e: MouseEvent | KeyboardEvent): boolean {