From 54a4a70eacd6b879bc671cfbda29eb8a56559b21 Mon Sep 17 00:00:00 2001
From: Bel LaPointe <breel@qualtrics.com>
Date: Tue, 15 Feb 2022 12:53:00 -0700
Subject: [PATCH] editor fits parent

---
 spike/review/reinvent/ezmded/ui/render.go     | 19 +++++++++++++++
 .../ezmded/ui/templates/_editor.ctmpl         | 24 +++++++++++++++++--
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/spike/review/reinvent/ezmded/ui/render.go b/spike/review/reinvent/ezmded/ui/render.go
index d04148a..cb79025 100644
--- a/spike/review/reinvent/ezmded/ui/render.go
+++ b/spike/review/reinvent/ezmded/ui/render.go
@@ -63,6 +63,25 @@ func main() {
 	log.Println("hi")
 }
 ` + "```" + `
+
+and
+
+now
+
+the
+
+newlines
+
+
+
+
+
+
+
+
+
+
+
 			`,
 		},
 		"Tree": `{
diff --git a/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl b/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
index 12daf70..4af07cd 100644
--- a/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
+++ b/spike/review/reinvent/ezmded/ui/templates/_editor.ctmpl
@@ -2,6 +2,26 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
 <script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
 <style>
+	#easyMDEwrap,
+	#easyMDEwrap > .EasyMDEContainer,
+	#easyMDEwrap > .EasyMDEContainer > .CodeMirror {
+		flex-grow: 1;
+		display: flex;
+		flex-direction: column;
+	}
+	.EasyMDEContainer > .CodeMirror {
+		height: 5px;
+	}
+	#article {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		padding: 5px;
+		display: flex;
+		flex-direction: column;
+	}
 	#titlepath, #title {
 		font-size: 2rem;
 		font-weight: 600;
@@ -72,7 +92,7 @@
 		</span>
 	</div>
 	<!-- todo: each line no is an anchor -->
-	<div class="monospace">
+	<div id="easyMDEwrap" class="monospace">
 		<textarea id="my-text-area"></textarea>
 	</div>
 	<div id="saveFeedback" style="min-height: 1.2em; text-align: right;">
@@ -88,7 +108,7 @@
 		element: document.getElementById('my-text-area'),
 		forceSync: true,
 		indentWithTabs: false,
-		initialValue: "# initial\nvalue",
+		initialValue: "loading...",
 		showIcons: ["code", "table"],
 		spellChecker: false,
 		sideBySideFullscreen: false,