Automatically resize the webtry text editor to fit the content

experimental/webtry/res/js/webtry.js

 /**
  * Common JS that talks XHR back to the server and runs the code and receives
  * the results.
  */
 
 
 /**
  * All the functionality is wrapped up in this anonymous closure, but we need
  * to be told if we are on the workspace page or a normal try page, so the
  * workspaceName is passed into the closure, it must be set in the global
@@ skipping 126 matching lines @@
       }
 
       enableSource.addEventListener('click', sourceClick, true);
       selectedSource.addEventListener('click', sourceClick, true);
 
 
       var editor = CodeMirror.fromTextArea(code, {
         theme: "default",
         lineNumbers: true,
         matchBrackets: true,
+        lineWrapping: true,
         mode: "text/x-c++src",
         indentUnit: 4,
       });
 
-      // Match the initial textarea size.
+      // Match the initial textarea width, but leave the height alone
+      // The css will automatically resize the editor vertically.
       editor.setSize(editor.defaultCharWidth() * code.cols,
-                     editor.defaultTextHeight() * code.rows);
+                     null);
 
 
       /**
        * Callback when there's an XHR error.
        * @param e The callback event.
        */
       function xhrError(e) {
         endWait();
         alert('Something bad happened: ' + e);
       }
@@ skipping 130 matching lines @@
     }
 
     // If loaded via HTML Imports then DOMContentLoaded will be long done.
     if (document.readyState != "loading") {
       onLoad();
     } else {
       this.addEventListener('load', onLoad);
     }
 
 })();