Editor Viewport

Status

Assigned to Denis for Hayes+.  

Abstract

Our editing experience is not ideal for larger documents, because the editor is constrained to a fixed height, which is inside a page which has a variable width. What happens is we end up with two sets of scrollbars which can become incredibly annoying when editing long documents. The goal of this viewport feature is to expand the editor's height dynamically to match the height of the inner contents. We should never have a scrollbar when editing.

Proof of Concept

This is a proof-of-concept prototype done for just a simple TEXTAREA: http://roykim.net/sandbox/textarea
Note: This prototype doesn't handle the "adding new lines" case very well. This code shouldn't be used - it's just a proof of concept.

Requirements

• Main goal: Never show a scrollbar in the editor
• Upon first load of the editor, the height should resize to the full height of the content
  
• When new content is added into the editor (via copy/paste or through just typing in text), the editor should continue resizing in height
• When content is removed, the editor should decrease in height, but should never be smaller than a min-height value.