From 28c105cb0cc9593930f069584662380a7674c249 Mon Sep 17 00:00:00 2001
From: Allan Wang <me@allanwang.ca>
Date: Sat, 23 May 2020 19:34:00 -0700
Subject: Add auto resize to text areas

---
 app/src/web/ts/auto_resize_textarea.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 app/src/web/ts/auto_resize_textarea.ts

(limited to 'app/src/web')

diff --git a/app/src/web/ts/auto_resize_textarea.ts b/app/src/web/ts/auto_resize_textarea.ts
new file mode 100644
index 00000000..f690d4c0
--- /dev/null
+++ b/app/src/web/ts/auto_resize_textarea.ts
@@ -0,0 +1,22 @@
+// Credits to https://codepen.io/tomhodgins/pen/KgazaE
+(function () {
+    const textareas = <NodeListOf<HTMLTextAreaElement>>document.querySelectorAll('textarea.frostAutoExpand');
+
+    const _frostAutoExpand = (el: HTMLElement) => {
+        el.style.height = 'inherit'
+        el.style.height = `${el.scrollHeight}px`
+    };
+    function _frostExpandAll() {
+        textareas.forEach(_frostAutoExpand);
+    }
+    textareas.forEach(el => {
+        const __frostAutoExpand = () => {
+            _frostAutoExpand(el)
+        };
+        el.addEventListener('paste', __frostAutoExpand)
+        el.addEventListener('input', __frostAutoExpand)
+        el.addEventListener('keyup', __frostAutoExpand)
+    });
+    window.addEventListener('load', _frostExpandAll)
+    window.addEventListener('resize', _frostExpandAll)
+}).call(undefined);
-- 
cgit v1.2.3