Make CodeMirror editors resizable

Signed-off-by: Madhura Jayaratne <madhura.cj@gmail.com>

1 files changed, 17 insertions, 1 deletions

diff --git a/js/functions.js b/js/functions.js
index 97b9665088..b6cc7f729a 100644
--- a/js/functions.js
+++ b/js/functions.js
@@ -1863,8 +1863,16 @@ function bindCodeMirrorToInlineEditor() {
                 mode: "text/x-mysql",
                 lineWrapping: true
             });
+            $(codemirror_inline_editor.getWrapperElement())
+            .css('resize', 'vertical')
+            .resizable({
+                handles: 'n, s',
+                resize: function() {
+                    codemirror_inline_editor.setSize($(this).width(), $(this).height());
+                }
+            });
             codemirror_inline_editor.on("inputRead", codemirrorAutocompleteOnInputRead);
-            codemirror_inline_editor.getScrollerElement().style.height = height;
+            codemirror_inline_editor.getWrapperElement().style.height = height;
             codemirror_inline_editor.refresh();
             codemirror_inline_editor.focus();
             $(codemirror_inline_editor.getWrapperElement()).bind(
@@ -4069,6 +4077,14 @@ AJAX.registerOnload('functions.js', function () {
                 mode: "text/x-mysql",
                 lineWrapping: true
             });
+            $(codemirror_editor.getWrapperElement())
+            .css('resize', 'vertical')
+            .resizable({
+                handles: 'n, s',
+                resize: function() {
+                    codemirror_editor.setSize($(this).width(), $(this).height());
+                }
+            });
             codemirror_editor.on("inputRead", codemirrorAutocompleteOnInputRead);
             codemirror_editor.on("blur", updateQueryParameters);
             codemirror_editor.focus();