Suggestion list appears on top of dropDownList

3 posts, 0 answers
  1. Marija
    Marija avatar
    4 posts
    Member since:
    Feb 2019

    Posted 14 Oct 2020 Link to this post

    Hey,

    I was having an issue where if the dropDownList is open when you start typing in the input box, the suggestion list appears on top of the dropDownList, rather than replacing it.

    Was able to reproduce in the demo application - attaching gif showing the behaviour.

    Any suggestions on how to avoid this, other than going with other autocomplete mode?

     

    Autocomplete mode is Suggest,

    Telerik version is 2020.3.915.40

  2. Nadya
    Admin
    Nadya avatar
    481 posts

    Posted 16 Oct 2020 Link to this post

    Hello, Marija,

    This is the default behavior in RadDropDownList, when the pop up that shows the data items is shown and you begin to type anything in the text box field the pop up that contains the suggested items to appear on top of the all items. However, if you want to close the item's pop-up when the suggestion list is shown you can achieve it as shown below:

    public RadForm1()
    {
        InitializeComponent();
        this.radDropDownList1.AutoCompleteMode = AutoCompleteMode.Suggest;
        this.radDropDownList1.DropDownListElement.TextBox.TextBoxItem.TextChanged += this.TextBoxItem_TextChanged;
    }
    
    private void TextBoxItem_TextChanged(object sender, EventArgs e)
    {
        this.radDropDownList1.CloseDropDown();
    }

    I hope this helps. If you have other questions I would be glad to help.

    Regards,
    Nadya
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

  3. Marija
    Marija avatar
    4 posts
    Member since:
    Feb 2019

    Posted 19 Oct 2020 Link to this post

    Thank you for your help!
Back to Top