nseguin/website
1
0
Fork 0
Code Issues Pull requests Projects Releases 20 Packages Wiki Activity Actions

move elementreference for autofocus

Browse source
This commit is contained in:
Nick Seguin 2024-02-25 00:27:40 -06:00
parent eb05a6659b
commit 7447214512
Signed by: nseguin
GPG key ID: 68C99FA84079021D
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/NSeguin.Dev.Web.Client/Shared/ContactForm.razor
View file

@ -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