From 7447214512d6ee1a313ce09a713a3d6e93da89e9 Mon Sep 17 00:00:00 2001
From: Nick Seguin <mail@nseguin.dev>
Date: Sun, 25 Feb 2024 00:27:40 -0600
Subject: [PATCH] move elementreference for autofocus

---
 src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor b/src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor
index dd229a8..c7695b8 100644
--- a/src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor
+++ b/src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor
@@ -8,7 +8,7 @@
 @using NSeguin.Dev.Web.Services
 @inject IContactService ContactService
 
-<div class="max-w-lg lg:ms-auto mx-auto text-center @(Model.IsHidden ? "hidden" : "")" id="@Id">
+<div class="max-w-lg lg:ms-auto mx-auto text-center @(Model.IsHidden ? "hidden" : "")" id="@Id" @ref="_elementReference">
     <div class="py-16 px-7 rounded-md bg-white shadow-blue-100">
         <EditForm Model="@Model" OnValidSubmit="@Model.Send" class="w-full">
             <DataAnnotationsValidator/>
@@ -40,14 +40,13 @@
                         <ValidationMessage For="@(() => Model.Message)" class="text-red-500"/>
                         <InputTextArea @bind-Value="Model.Message" id="contact-form-message" Placeholder="Enter your message here..." rows="5" cols="" class="w-full border border-gray-300 rounded-md py-2 px-3 focus:outline-none focus:border-blue-700"></InputTextArea>
                     </div>
-                    <div class="md:col-span-2" @ref="_elementReference">
+                    <div class="md:col-span-2">
                         <button type="submit" class="py-3 text-base font-medium rounded text-slate-50 bg-blue-600 w-full hover:bg-blue-700 transition duration-300">Submit</button>
                     </div>
                     @if (Model.IsSending)
                     {
                         <Spinner AltText="Sending..."></Spinner>
                     }
-
                 </div>
             }
             else