Neatly resize the ace editor when validation errors are added/removed

src/js/textmode.js

@@ -442,6 +442,12 @@ textmode.validate = function () {
     this.content.style.marginBottom = (-height) + 'px';
     this.content.style.paddingBottom = height + 'px';
   }
+
+  // update the height of the ace editor
+  if (this.aceEditor) {
+    var force = false;
+    this.aceEditor.resize(force);
+  }
 };
 
 // define modes

test/test_schema.html

@@ -64,7 +64,7 @@
   };
 
   var options = {
-    mode: 'tree',
+    mode: 'code',
     modes: ['code', 'form', 'text', 'tree', 'view'], // allowed modes
     onError: function (err) {
       console.error(err);