Fix due date changes not saved on mobile

src/models/task.js

@@ -142,6 +142,11 @@ export default class TaskModel extends AbstractModel {
 			return
 		}
 
+		if (typeof navigator.serviceWorker === 'undefined') {
+			console.debug('Service Worker not available')
+			return
+		}
+
 		const registration = await navigator.serviceWorker.getRegistration()
 		if (typeof registration === 'undefined') {
 			return
@@ -157,6 +162,10 @@ export default class TaskModel extends AbstractModel {
 	}
 
 	async scheduleNotification(date) {
+		if (typeof navigator.serviceWorker === 'undefined') {
+			console.debug('Service Worker not available')
+			return
+		}
 
 		if (date < new Date()) {
 			console.debug('Date is in the past, not scheduling a notification. Date is ', date)

src/views/tasks/TaskDetailView.vue

@@ -9,8 +9,14 @@
 					{{ task.identifier }}
 				</h1>
 				<div class="is-done" v-if="task.done">Done</div>
-				<h1 @focusout="saveTaskOnChange()" @keyup.ctrl.enter="saveTaskOnChange()" class="title input" contenteditable="true"
+				<h1
-					ref="taskTitle">{{ task.title }}</h1>
+					@focusout="saveTaskOnChange()"
+					@keyup.ctrl.enter="saveTaskOnChange()"
+					class="title input"
+					contenteditable="true"
+					ref="taskTitle">
+					{{ task.title }}
+				</h1>
 			</div>
 			<h6 class="subtitle" v-if="parent && parent.namespace && parent.list">
 				{{ parent.namespace.title }} >
@@ -552,6 +558,9 @@ export default {
 				return
 			}
 
+			// We're doing the whole update in a nextTick because sometimes race conditions can occur when
+			// setting the due date on mobile which leads to no due date change being saved.
+			this.$nextTick(() => {
 				this.task.dueDate = this.dueDate
 				this.task.hexColor = this.taskColor
 
@@ -572,12 +581,12 @@ export default {
 							}]
 							this.success({message: 'The task was saved successfully.'}, this, actions)
 						}
-					this.dueDate = this.task.dueDate
 						this.setActiveFields()
 					})
 					.catch(e => {
 						this.error(e, this)
 					})
+			})
 		},
 		setFieldActive(fieldName) {
 			this.activeFields[fieldName] = true