Textarea for formula

app/javascript/application.js

@@ -7,4 +7,4 @@ import "@fortawesome/fontawesome-free";
 import "@rails/request.js";
 import "@rails/actioncable";
 import "turbo_streams/toast";
-import "@oddcamp/cocoon-vanilla-js"
+import "@oddcamp/cocoon-vanilla-js"

app/javascript/components/auto_resize_textarea.js

@@ -0,0 +1,9 @@
+document.addEventListener('input', function (event) {
+  if (event.target && event.target.classList.contains('resize-auto') && event.target.tagName === 'TEXTAREA') {
+    const textarea = event.target;
+    textarea.style.overflow = 'hidden';
+    textarea.style.resize = 'none';
+    textarea.style.height = 'auto';
+    textarea.style.height = (textarea.scrollHeight) + 'px';
+  }
+});

app/javascript/controllers/textarea_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["textarea"];
+
+  connect() {
+    this.resize(this.element);
+  }
+
+  resize(textarea) {
+    textarea.style.overflow = "hidden"; // Prevent scrollbars
+    textarea.style.resize = "none"; // Prevent manual resizing
+    textarea.style.height = "auto"; // Reset height
+    textarea.style.height = `${textarea.scrollHeight}px`; // Adjust height based on scrollHeight
+  }
+
+  input(event) {
+    this.resize(event.target);
+  }
+}

app/views/account/calculators/partials/_formula_fields.html.erb

@@ -1,10 +1,11 @@
 <div class="nested-fields">
   <%= f.input :en_label, label: "Formula Label:" %>
   <%= f.input :uk_label, label: "Uk Formula Label:" %>
-  <%= f.input :expression, label: "Formula Expression:" %>
-
+  <%= f.input :expression, as: :text, label: "Formula Expression:", input_html: {
+    data: { controller: "textarea", action: "input->textarea#input" }
+  } %>
   <%= f.input :uk_unit, label: "Uk Unit Label:" %>
   <%= f.input :en_unit, label: "Unit Label:" %>
 
   <%= link_to_remove_association "- Remove Formula", f, class: "text-red-500 underline" %>
-</div>         
+</div>

spec/rails_helper.rb

@@ -83,6 +83,8 @@
 
   config.add_formatter "Fuubar"
   config.fuubar_output_pending_results = false
+
+  Capybara.default_max_wait_time = 10  # Increase wait time (in seconds), so test don't fail locally
 end
 
 Shoulda::Matchers.configure do |config|