feat: autosize text area inputs

templates/edit.html

@@ -418,4 +418,22 @@ <h5 class="mb-3">{% trans %}Edit zone{% endtrans %} "{{ zone_name_to_display }}"
         </tr>
         {% endif %}
     </table>
-</div>
+</div>
+
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        var textareas = document.querySelectorAll('textarea');
+
+        textareas.forEach(function(textarea) {
+            textarea.addEventListener('input', function() {
+                this.style.height = 'auto';
+                this.style.height = this.scrollHeight + 'px';
+            });
+
+            // Trigger the 'input' event on page load if the textarea has content
+            if (textarea.value !== '') {
+                textarea.dispatchEvent(new Event('input'));
+            }
+        });
+    });
+</script>