From 517d5ee2497b089a8920c34205029eac5888d6b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Fri, 8 Jul 2016 15:31:30 +0200
Subject: [PATCH] Add an option indicating a minimal height of the editable
 area.

---
 README.md             | 1 +
 src/css/simplemde.css | 5 -----
 src/js/simplemde.js   | 4 ++++
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index eef4675..b36645f 100644
--- a/README.md
+++ b/README.md
@@ -88,6 +88,7 @@ simplemde.value("This text will appear in the editor");
   - link
   - table
 - **lineWrapping**: If set to `false`, disable line wrapping. Defaults to `true`.
+- **minHeight**: A minimal height of the editable area. Should be a string containing a valid CSS value like: `"400px"`. Dafaults to `"300px"`.
 - **parsingConfig**: Adjust settings for parsing the Markdown during editing (not previewing).
   - **allowAtxHeaderWithoutSpace**: If set to `true`, will render headers without a space after the `#`. Defaults to `false`.
   - **strikethrough**: If set to `false`, will not process GFM strikethrough syntax. Defaults to `true`.
diff --git a/src/css/simplemde.css b/src/css/simplemde.css
index fb0e4c7..9f5a61e 100644
--- a/src/css/simplemde.css
+++ b/src/css/simplemde.css
@@ -1,6 +1,5 @@
 .CodeMirror {
     height: auto;
-    min-height: 300px;
     border: 1px solid #ddd;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
@@ -9,10 +8,6 @@
     z-index: 1;
 }
 
-.CodeMirror-scroll {
-    min-height: 300px
-}
-
 .CodeMirror-fullscreen {
     background: #fff;
     position: fixed !important;
diff --git a/src/js/simplemde.js b/src/js/simplemde.js
index a110ef4..a5c1998 100644
--- a/src/js/simplemde.js
+++ b/src/js/simplemde.js
@@ -1364,6 +1364,8 @@ function SimpleMDE(options) {
 	// Merging the shortcuts, with the given options
 	options.shortcuts = extend({}, shortcuts, options.shortcuts || {});
 
+	options.minHeight = options.minHeight || "300px";
+
 
 	// Change unique_id to uniqueId for backwards compatibility
 	if(options.autosave != undefined && options.autosave.unique_id != undefined && options.autosave.unique_id != "")
@@ -1499,6 +1501,8 @@ SimpleMDE.prototype.render = function(el) {
 		styleSelectedText: (options.styleSelectedText != undefined) ? options.styleSelectedText : true
 	});
 
+	this.codemirror.getScrollerElement().style.minHeight = options.minHeight;
+
 	if(options.forceSync === true) {
 		var cm = this.codemirror;
 		cm.on("change", function() {