From 7c87342dea8299a45566aa51a46c62abdd2e8f98 Mon Sep 17 00:00:00 2001
From: june <self@breadone.net>
Date: Thu, 14 Aug 2025 11:31:09 +1200
Subject: [PATCH] name field expands when overflow

---
 src/pages/recipe/new.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/recipe/new.astro b/src/pages/recipe/new.astro
index cadbca6..4783683 100644
--- a/src/pages/recipe/new.astro
+++ b/src/pages/recipe/new.astro
@@ -30,9 +30,10 @@ const { recipeid } = Astro.params;
                 name="name"
                 rows="1"
                 placeholder="Name"
-                class="text-[28pt]  font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg"
-                style="resize: none;"
+                class="text-[28pt] font-bold p-1 leading-none mt-2 bg-white/20 rounded-lg resize-none overflow-hidden"
+                oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
             />
+                <!-- if it works :3  -->
 
             <!-- Details -->
             <!-- <InfoView re={re} /> -->