Stop keyboard obscuring report detail text box

Adjusts the height of the details textarea when the keyboard
is shown so that it doesn't disappear behind the keyboard.

Fixes #222

1 files changed, 18 insertions, 3 deletions

diff --git a/www/js/views/details.js b/www/js/views/details.js
index f2de9d8..84b6ac2 100644
--- a/www/js/views/details.js
+++ b/www/js/views/details.js
@@ -18,6 +18,16 @@
                 'blur input': 'updateCurrentReport'
             },
 
+            initialize: function() {
+                var that = this;
+                window.addEventListener('native.keyboardshow', function(e) {
+                    that.fixDetailTextAreaHeight(e.keyboardHeight);
+                });
+                window.addEventListener('native.keyboardhide', function(e) {
+                    that.fixDetailTextAreaHeight();
+                });
+            },
+
             afterRender: function() {
                 this.$('#form_category').attr('data-role', 'none');
 
@@ -28,13 +38,18 @@
 
             },
 
-            beforeDisplay: function() {
-                this.fixPageHeight();
+            beforeDisplay: function(extra) {
+                this.fixDetailTextAreaHeight();
+            },
+
+            fixDetailTextAreaHeight: function(extra) {
+                extra = extra || 0;
+                this.fixPageHeight(extra);
                 var header = this.$("div[data-role='header']:visible"),
                 detail = this.$('#form_detail'),
                 top = detail.position().top,
                 viewHeight = $(window).height(),
-                contentHeight = viewHeight - header.outerHeight() + 15;
+                contentHeight = viewHeight - header.outerHeight() + 15 - extra;
 
                 detail.height( contentHeight - top );
             },