Autocomplete causes problems with DropdownList

[Randy Wessels]

In my example I have one Autocomplete and 4 DropdownList controls.  If I use the Autocomplete then in order for the dropdowns on any of the DropdownList controls to work, it takes three clicks.  The first click sets focus and attempts to open the dropdown but nothing happens.  The second click I believe is trying to close the dropdown that was never opened.  The third click finally opens the dropdown and displays the data that is bound.

<SfAutoComplete TValue="string"

                TItem="User"

                PopupWidth="700"

                Placeholder="Select a user"

                CssClass="e-corner"

                TabIndex="0"

                FloatLabelType="FloatLabelType.Always"

                DataSource="@Users">

    <AutoCompleteTemplates TItem="User">

        <ItemTemplate>

            <span class="item">

                <span class="userid">@((context as User).UserId)</span>

                <span class="name">@((context as User).Name)</span>

                <span class="email">@((context as User).Email)</span>

            </span>

        </ItemTemplate>

        <HeaderTemplate>

            <span class='head'>

                <span class='userid'>ID</span>

                <span class='name'>Name</span>

                <span class='email'>Email</span>

            </span>

        </HeaderTemplate>

    </AutoCompleteTemplates>

    <AutoCompleteEvents TItem="User"

                        TValue="string"

                        ValueChange="UserSelected" />

    <AutoCompleteFieldSettings Value="Email" />

</SfAutoComplete>

<SfDropDownList DataSource="@Locations"

                PopupWidth="200"

                TItem="string"

                TValue="string"

                FloatLabelType="FloatLabelType.Always"

                Placeholder="Select Location"

                @bind-Value="@(SigUser.Location)">

    <DropDownListEvents TValue="string"

                        TItem="string"

                        ValueChange="@LocationChange" />

</SfDropDownList>

[Sevvandhi Nagulan]

Hi Randy, 

Greetings from Syncfusion support. 

We checked your query. We created a sample based on the code example provided and tried to reproduce the issue in our sample. Unfortunately, we were unable to replicate the dropdown icon issue. Please see the sample attached below. 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AutoCompleteAndDDL556011986 

Please check the above sample and if the information provided does not help you, please provide the additional information such as control issue reproducing sample or modify the above sample to replicate the issue and Syncfusion package version used in the application. Also, confirm you have used cascading functionality on your end.  

Regards, 

Sevvandhi N