// needs JQuery
// might actually handle divs too in addition to textareas
sS hjs_autoExpandingTextAreas(bool verbose default false) {
  ret
    hcss([[
      .auto-expand {
        max-height: 30em; vertical-align: top;
      }
    ]])
  + hjs(replaceDollarVars([[
    var autoExpandVerbose = $verbose;
    
    var autoExpandTextArea = function (ta) {
      ta.style.height = "1px";
      
      // Get the computed styles for the element
      var computed = window.getComputedStyle(ta);
      
      var h = ta.scrollHeight
        + parseInt(computed.getPropertyValue('border-top-width'))
        + parseInt(computed.getPropertyValue('border-bottom-width'));
    
      if (autoExpandVerbose)
        console.log("Calculated auto-expand height " + h + " for " + ta);
      ta.style.height = h + 'px';
    };
  
    document.addEventListener('input', function (event) {
      if (!event.target.classList.contains("auto-expand")) return;
      autoExpandTextArea(event.target);
    }, false);
  
    //$(document).ready(function() {
    document.addEventListener("DOMContentLoaded", function(event) { 
      $(".auto-expand").each(function() { autoExpandTextArea(this); });
    });
  ]], +verbose);
}