<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.1.4" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="../dist/jquery.ns-autogrow.min.js"></script>
    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" />
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div class="example1">
      <textarea placeholder="horizontal and vertical"></textarea>
    </div>

    <div class="example2">
      <textarea placeholder="vertical only"></textarea>
    </div>

    <div class="example3">
      <textarea placeholder="horizontal only"></textarea>
    </div>

    <div class="example4">
      <textarea placeholder="horizontal and vertical, no flickering"></textarea>
    </div>

  </body>

</html>