Merge pull request #167 from pirogramming/hyungju/main

feat: form에서 회고 입력할 때 입력창이 줄 크기에 따라 동적으로 증가

Author: Tonyjoo11

static/css/reflections.css

@@ -1526,8 +1526,15 @@ button.ref-btn{
   }
 
   .ref-textarea {
-    font-size: 14px;
-    min-height: 120px;
+    width: 100%;
+    border: 0;
+    outline: 0;
+    resize: none;            /* 수동 리사이즈 제거 */
+    overflow: hidden;        /* 스크롤 제거 */
+    min-height: 120px;       /* 기본 높이 */
+    font-size: 14.5px;
+    line-height: 1.55;
+    /* color: var(--gray-700); */
   }
 
   .ref-assets-grid {

static/js/reflections.js

@@ -433,6 +433,20 @@
     });
   };
 
+  const bindAutoResizeTextarea = () => {
+    const resize = (ta) => {
+      ta.style.height = "auto";
+      ta.style.height = ta.scrollHeight + "px";
+    };
+
+    document.querySelectorAll(".ref-textarea").forEach((ta) => {
+      // 초기 값 반영 (수정 페이지 대응)
+      resize(ta);
+
+      ta.addEventListener("input", () => resize(ta));
+    });
+  };
+
 
 
   /** ---------------------------
@@ -448,6 +462,7 @@
     bindBookmarkFilter();
     bindInsertTable();
     bindMDCopyBtn();
+    bindAutoResizeTextarea();
   };
 
   if (document.readyState === "loading") {