title: Open Dialog with textarea after Click
body: <p>I'm creating a Java Spring Web App and in it there is a form to be filled out by the user. In the form I have a textarea input type as one of the fields. In viewing the form, I only want the textarea to show roughly 50 characters and then end with '...' or something. However, the field itself can contain up to 250 characters. So, what I want to happen is that if the user clicks on the field, then the entire textarea opens up in a separate dialog so that the user can see potentially all of the characters that may be cut off in the normal field view. I don't have much to start with, but for the JavaScript I'll just give a base of:</p>
  <pre><code>    document.getElementById('hwDescription').onclick = function () {
          ...
      }
  </code></pre>
  <p>And the HTML element is:</p>
  <pre><code>&lt;form:input id=&quot;hwDescription&quot; type=&quot;text&quot; class=&quot;form-control&quot; path=&quot;hwDescription&quot;
                      name=&quot;hwDescription&quot; placeholder=&quot;Description&quot; /&gt;
  </code></pre>
  <p>Any help would be appreciated greatly. Thanks!</p>