title: Contenteditable div or span that resizes until it hits max length?
body: <p>Is it possible to have a contenteditable div in the browser that has maxlength - and it auto resizes until it hits the max length ? </p>
  
  <p>Basically I want to have a editable elements that actually only consumes as much space as it is required to get displayed yet having the max length property . </p>
  
  <pre><code>EDITABLE_____________NORMAL WORD
  </code></pre>
  
  <p>I would like to make sure editalbe resize and only consumes as much as required .
  Reason is that I want to generate PDF out of this . So the extra spaces will be trimmed any way . So in browser too we should see the same. It is too complex to solve ?</p>
  
  <pre><code>EDITABLE NORMAL WORD
  </code></pre>
  
  <p>A related question I found . </p>
  
  <p><a href="https://stackoverflow.com/questions/2867479/limiting-number-of-characters-in-a-contenteditable-div">Limiting Number of Characters in a ContentEditable div</a></p>