partially working textarea extending to bottom of screen on details page

1 files changed, 10 insertions, 0 deletions

diff --git a/www/js/views/details.js b/www/js/views/details.js
index bd9f921..9352ae0 100644
--- a/www/js/views/details.js
+++ b/www/js/views/details.js
@@ -26,6 +26,16 @@
                     .addClass('noselection');
             },
 
+            afterDisplay: function() {
+                var header = $("div[data-role='header']:visible"),
+                detail = this.$('#form_detail'),
+                top = detail.position().top,
+                viewHeight = $(window).height(),
+                contentHeight = viewHeight - header.outerHeight();
+
+                detail.css('height', contentHeight - top );
+            },
+
             onClickButtonPrev: function() {
                 this.updateCurrentReport();
                 this.navigate( this.prev );