Completed
Last Updated: 28 Mar 2025 10:44 by ADMIN
Release 2025 Q2 (May)
Craig
Created on: 19 Mar 2025 14:19
Category: DropDownList
Type: Bug Report
4
[Mobile] DropDownList not opening when the arrow is pressed on a mobile device
The DropDownList is not opening after pressing the small arrow to the far right of the input box on a mobile device. The DropDownList always opens if you click specifically on the text. However, after selection, if you click the arrow and not the text, the DropDownList will not open, and it breaks and you can no longer open the DropDownList even if you select the text.
3 comments
ADMIN
Hristian Stefanov
Posted on: 28 Mar 2025 09:42

Hi all,

Until the issue is fixed, you can use the following CSS workaround:

<style>
    .k-dropdownlist .k-input-button {
        pointer-events: none;
    }
</style>

Selected value: @selectedValue
<br />

<TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" @bind-Value="selectedValue">
</TelerikDropDownList>

@code {
    public class MyDdlModel
    {
        public int MyValueField { get; set; }
        public string MyTextField { get; set; }
    }

    private int selectedValue { get; set; } = 3;

    private IEnumerable<MyDdlModel> myDdlData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });
}

Regards,
Hristian Stefanov
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Andrea
Posted on: 27 Mar 2025 14:49
me too :(
John
Posted on: 27 Mar 2025 13:07
This happens for me too.