Add a public method to focus the component

samples/BlazorWebAssembly/Pages/Index.razor

@@ -9,7 +9,9 @@
     <BlazoredTypeahead SearchMethod="GetPeopleLocal"
                        @bind-Value="FormModel.SelectedPerson"
                        EnableDropDown="true"
-                       placeholder="Search by first name...">
+                       placeholder="Search by first name..."
+                       @ref="LocalBlazoredTypeahead"
+                       >
         <SelectedTemplate Context="person">
             @person.Firstname
         </SelectedTemplate>
@@ -20,6 +22,7 @@
     <ValidationMessage For="@(() => FormModel.SelectedPerson)" />
 
     <button class="btn btn-primary" type="submit" style="margin-top: 20px;">Submit</button>
+    <button class="btn btn-info" type="button" style="margin-top: 20px" @onclick="@(_ => LocalBlazoredTypeahead.Focus())">Focus</button>
 </EditForm>
 
 <hr />
@@ -186,6 +189,7 @@
     private int? SelectedPersonId;
     private IList<Person> SelectedPeople;
     private FormExample FormModel = new FormExample();
+    private BlazoredTypeahead<Person, Person> LocalBlazoredTypeahead;
 
     protected override void OnInitialized()
     {

src/Blazored.Typeahead/BlazoredTypeahead.razor.cs

@@ -450,5 +450,10 @@ protected virtual void Dispose(bool disposing)
                 _debounceTimer.Dispose();
             }
         }
+
+        public async Task Focus()
+        {
+            await Interop.Focus(JSRuntime, _searchInput);
+        }
     }
 }