Fix textarea height

ohno · May 26, 2024 · 3f059a0 · 3f059a0
1 parent 80a2617
commit 3f059a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -285,7 +285,7 @@ footer {
 
 @media screen and (max-width:840px) {
   .textareas__block__main {
-    height: 300px;
+    /* height: 300px; */
     width: 100%;
   }
 }

diff --git a/assets/js/math.js b/assets/js/math.js
@@ -3,10 +3,14 @@ function math(input) {
   // update URL
   url(input);
   // update textarea size
+  const lines = (document.getElementById('input').value + '\n').match(/\n/g).length;
+  document.getElementById('input').rows = lines;
   var Hin  = document.getElementById('input').scrollHeight;
   var Hout = document.getElementById('output').scrollHeight;
-  document.getElementById('input').height = (Math.max(Hin, Hout)*2) + "px";
+  document.getElementById('input').height = (Math.max(Hin, Hout)) + " px";
+  document.getElementById('output').height = (Math.max(Hin, Hout)) + " px";
   console.log(document.getElementById('input').height);
+  console.log(document.getElementById('output').height);
   console.log(document.getElementById('input').scrollHeight);
 
   // update LaTeX