diff --git a/resources/views/tasks/edit.blade.php b/resources/views/tasks/edit.blade.php
index f8d059fc6454..2ff848fa7d9a 100644
--- a/resources/views/tasks/edit.blade.php
+++ b/resources/views/tasks/edit.blade.php
@@ -125,7 +125,7 @@
                                 </div>
                             </td>
                             <td style="padding: 0px 12px 12px 0 !important; width:100px">
-                                <input type="text" data-bind="value: duration.pretty, visible: !isEmpty()" class="form-control"></div>
+                                <input type="text" data-bind="value: duration.pretty, visible: !isEmpty(), valueUpdate: 'afterkeydown'" class="form-control duration"></div>
                                 <a href="#" data-bind="click: function() { setNow(), $root.refresh() }, visible: isEmpty()">{{ trans('texts.set_now') }}</a>
                             </td>
                             <td style="width:30px" class="td-icon">
@@ -352,6 +352,11 @@
 
         self.duration.pretty = ko.computed({
             read: function() {
+                // handle the input being changed and the form is submitted before focus out
+                if ($("input.duration").is(":focus")) {
+                    return $("input.duration").val();
+                }
+
                 var duration = false;
                 var start = self.startTime();
                 var end = self.endTime();