From c805c85b3ec61de72913bc4488bdd8591260227c Mon Sep 17 00:00:00 2001
From: Pat Hartl <pat@pathar.tl>
Date: Sun, 8 Jan 2023 21:42:13 -0600
Subject: [PATCH] Use builtin autosize textarea

---
 LANCommander/Views/Keys/Edit.cshtml | 45 +----------------------------
 1 file changed, 1 insertion(+), 44 deletions(-)

diff --git a/LANCommander/Views/Keys/Edit.cshtml b/LANCommander/Views/Keys/Edit.cshtml
index 86f0101..3ce9abc 100644
--- a/LANCommander/Views/Keys/Edit.cshtml
+++ b/LANCommander/Views/Keys/Edit.cshtml
@@ -29,7 +29,7 @@
                                 <div asp-validation-summary="ModelOnly" class="text-danger"></div>
 
                                 <div class="mb-3 textarea-grow-wrap">
-                                    <textarea asp-for="Keys" class="form-control" oninput="this.parentNode.dataset.replicatedValue = this.value">
+                                    <textarea asp-for="Keys" class="form-control" data-bs-toggle="autosize">
                                         @Model.Keys
                                     </textarea>
                                     <span asp-validation-for="Keys" class="text-danger"></span>
@@ -52,49 +52,6 @@
     </div>
 </div>
 
-<style>
-    .textarea-grow-wrap {
-        display: grid;
-    }
-
-    .textarea-grow-wrap::after {
-        content: attr(data-replicated-value) " ";
-        white-space: pre-wrap;
-        visibility: hidden;
-
-        width: 100%;
-        padding: .4375rem .75rem;
-        font-family: var(--tblr-font-sans-serif);
-        font-size: .875rem;
-        font-weight: 400;
-        line-height: 1.4285714286;
-        color: inherit;
-        background-color: var(--tblr-bg-forms);
-        background-clip: padding-box;
-        border: var(--tblr-border-width) solid var(--tblr-border-color);
-    }
-
-    .textarea-grow-wrap > textarea {
-        resize: none;
-        overflow: hidden;
-    }
-
-    .textarea-grow-wrap > textarea,
-    .textarea-grow-wrap::after {
-        grid-area: 1 / 1 / 2 / 2;
-    }
-</style>
-
-<script>
-    let growers = document.querySelectorAll(".textarea-grow-wrap");
-
-    growers.forEach((grower) => {
-        let textarea = grower.querySelector("textarea");
-
-        grower.dataset.replicatedValue = textarea.value;
-    });
-</script>
-
 @section Scripts {
     @{ await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
 }