From 636f2dabb8debcc256ce0d366b9efc1d52a3a5a4 Mon Sep 17 00:00:00 2001
From: Tom Alexander <tom@fizz.buzz>
Date: Fri, 12 Jan 2024 22:16:31 -0500
Subject: [PATCH] Wrap the textarea.

---
 src/Editor.css | 7 ++++++-
 src/Editor.tsx | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/Editor.css b/src/Editor.css
index 74eb5c1..3716e3a 100644
--- a/src/Editor.css
+++ b/src/Editor.css
@@ -5,11 +5,16 @@
   width: 100%;
 }
 
-.Editor-textarea {
+.Editor-textwrapper {
   flex: 1;
   flex-basis: 0;
 }
 
+.Editor-textarea {
+  width: 100%;
+  height: 100%;
+}
+
 .Editor-ast {
   flex: 1;
   background: green;
diff --git a/src/Editor.tsx b/src/Editor.tsx
index f465e97..bdc63dc 100644
--- a/src/Editor.tsx
+++ b/src/Editor.tsx
@@ -7,7 +7,9 @@ function Editor() {
 
   return (
     <div className="Editor">
-      <textarea onChange={handleChange} className="Editor-textarea"></textarea>
+      <div className="Editor-textwrapper">
+        <textarea onChange={handleChange} className="Editor-textarea"></textarea>
+      </div>
       <div className="Editor-ast"></div>
     </div>
   );