Similar to the property in the ComboBox
Current style
.k-reset {
margin: 0;
padding: 0;
border: 0;
background: none;
list-style: none; }
What it should be:
.k-reset {
margin: 0;
padding: 0;
border-width: 0;
outline: 0;
text-decoration: none;
font: inherit;
list-style: none
}
A workaround is to disable the embedded jQuery and use an older version (for example, 1.11.1 which is the previous version the suite used): https://docs.telerik.com/devtools/aspnet-ajax/controls/scriptmanager/disabling-the-embedded-jquery Repro steps: - Add a dropdownlist, attach server handler - select item Expected: postback Actual: error <asp:Label Text="" ID="Label1" runat="server" /> <telerik:RadDropDownList runat="server" ID="rddl1" OnSelectedIndexChanged="rddl1_SelectedIndexChanged" AutoPostBack="true"> <Items> <telerik:DropDownListItem Text="first" /> <telerik:DropDownListItem Text="second" /> <telerik:DropDownListItem Text="third" /> </Items> </telerik:RadDropDownList> protected void rddl1_SelectedIndexChanged(object sender, Telerik.Web.UI.DropDownListEventArgs e) { Label1.Text = (sender as RadDropDownList).SelectedText; }
The behavior of the control when it is navigated through the keyboard should be the same independent of the drop-down state (opened or not). 1. Open http://demos.telerik.com/aspnet-ajax/dropdownlist/examples/overview/defaultcs.aspx online demo 2. Open the drop-down of the RadDropDownList 3. Select an item from the drop-down 4. Open the dropdown again and using down or up arrow keys, change the highlight without selecting new item(the text in the input is changing) 5. Now press ESC key -> Result: the selected item is shown in the input(instead of the last highlighted item) -> this is the right behavior. 6. To reproduce the false behavior - focus the RadDropDownList(the drop-down should be closed and in the RadDropDownList there should be a selected item) 7. Using up/down arrow keys highlight items(the text in the input is changing with the text of the highlighted item) 8. Press ESC key -> the text of the highlighted item remain in the input of the RadDropDownList instead of the text of the selected item. This is an issue.
1.Run the provided code below which focuses the RadDropDownList 2.Press the down key which is supposed to select the second item. - Item is not selected 3.Press again the down key - second item is selected. <script> function pageLoad() { $get('RadDropDownList1').focus(); } </script> <asp:TextBox ID="Textbox1" runat="server" /> <telerik:RadDropDownList ID="RadDropDownList1" runat="server" TabIndex="11"> <Items> <telerik:DropDownListItem Text="item 1" /> <telerik:DropDownListItem Text="item 2" /> </Items> </telerik:RadDropDownList>
Application Scenario: We have a large page, that we are wanting to improve the performance on. We have a few drop downs that change there available options based on the selections of another drop down. We retrieve the values of the second item though JSON and a generic handler. We generate the items for the drop down list, and then post the final values back when the user is finished. The problem we have is that the user selected item is lost between client and server click actions. I provided a sample scenario that illustrates the problem, and the basic application of this scenario. The drop down does have all the client populated items, but the item that is selected is not retained. Our temporary work around is to store the selected item in a hidden field and read from that which does keep it's value.
At the moment RadDropDownList can be bound for a Web Service, but there are no Client Events which allow developers to handle and control actions happening during the data binding process. For example: - Event fired, before the request is made (OnClientItemRequesting). - Event fired, after the response is received (OnClientItemRequested). - Event fired if the request call has failed (OnClientItemRequestFailed).