1. Feedback
  2. Blazor
  3. 28983

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

While select the item using keydown+Tab key then change event triggered more than one time

While select the item using keydown+Tab key then change event triggered more than one time


<span>Autocomplete without autofill (selecting with keyboard arrows and tab) change event trigger more than once. count: @count</span>

    <div class="form-row">

        <div class="col col-3 form-group">

            <label Class="col-form-label font-weight-bold">Comune</label>

            <SfAutoComplete @ref="comboObj2" TValue="string" TItem="Comune" @bind-Value="@SelComune2.CodComune" AllowCustom="false" DataSource="@Comuni" Autofill="false" ShowClearButton="true" AllowFiltering="true">

                <AutoCompleteEvents TItem="Comune" TValue="string" Filtering="comune2Filtering" ValueChange="comune2Change"></AutoCompleteEvents>

                <AutoCompleteFieldSettings Text="City" Value="CodComune"></AutoCompleteFieldSettings>

                <AutoCompleteTemplates TItem="Comune" Context="C">

                    <ItemTemplate>

                        <span>@((C as Comune).City)(@((C as Comune).Prov))</span>

                    </ItemTemplate>

                </AutoCompleteTemplates>

            </SfAutoComplete>

        </div>

        <div class="col col-2 form-group">

            <label Class="col-form-label font-weight-bold">Prov</label>

            <InputText name="Prov" Class="form-control form-control" @bind-Value="@supplier2.provRes" readonly />

        </div>

    </div>

Sample: https://www.syncfusion.com/downloads/support/directtrac/341498/ra/TestCombo__Webmeeting_5bfda025


Replication procedure:

1. Run the attached sample
2. Type “a” in the second autocomplete component
3. You can see the suggestion. Then choose any item by using keydown arrow keys.
4. Then press tab key for selection.
5. You can see the count is 3 which is change event triggered 3 times.
6. Please repeat the same steps with enter key or mouse action.
7. Then change event will be triggered at once.