How to create div that can be dragged up to reveal content?

How do I manipulate this content-editable div in such a way?

• I have a content-ediable div that I am going to use as a text input field. I want to set its height but I run into a problem when doing that: When pressing "Enter" to scroll down the content-editable div (just as you would do in Quora's textboxes) the cursor goes passes the element's height and goes into the body. The div doesn't expand along with it. Why does Quora's content-editable divs do that without the same problem happening? border: 1px solid #000; outline: none; width: 35em; height: 30em; <div id="_dev4232_generator__" contenteditable="true"></div>

• Answer:

  Please try to change your css height property to min-height for example: border: 1px solid #000;outline: none;width: 35em;min-height: 30em; I posted a jsfiddle with an example here: http://jsfiddle.net/mkuklis/zFzQe/14/