Add ability to set focus to the input box about typeahead HOT 6 CLOSED

It looks like the way to do this is to instantiate an instance of the typeahead, reference it in the markup declaration via the @ref attribute, and then call a method on the component when needed.

example:

from typeahead.

You could do this with some JS and using the .css class of the control.
However @chrissainty and myself have been thinking to create a Blazored.Essentials package so you could express this easier for example:

<BlazoredTypeahead SearchMethod="GetPeopleLocal"
                   @ref="myTypeahead"
                   @bind-Value="SelectedPerson"
                   ShowDropDownOnFocus="true"
                   placeholder="Search by first name...">
    <SelectedTemplate Context="person">
        @person.Firstname
    </SelectedTemplate>
    <ResultTemplate Context="person">
        @person.Firstname @person.Lastname
    </ResultTemplate>
</BlazoredTypeahead>

@code {
    ElementReference myTypeahead;
    protected override void OnInitialized()
    {
         myTypeahead.Focus();
    }
}

@chrissainty
Maybe we should go ahead and start on this Blazored.Essentials or Blazored.Foundation or Blazored.Core or ... package?, if you provide a repo I can start laying the foundation.

from typeahead.

I'd be interested in pitching in if you want the help :)

from typeahead.

@vertonghenb Yes - we should make a move on that project. Blazored.Essentials seems like a good name. I'll get the repo created.

@Joe-LaRue The more the merrier, I'll get the repo setup then we can get some issues going

from typeahead.

I am I right in thinking this issue can be closed now @Joe-LaRue ?

from typeahead.

Yea - it sounds like the plan is to handle it via Blazored.Essentials.

from typeahead.