Last Updated: 25 Oct 2021 15:32 by ADMIN
Created by: Kostadin
Comments: 0
Category: Grid
Type: Bug Report

Last Updated: 22 Oct 2021 13:03 by ADMIN
Release R3 2021 SP1


I have a Radwizard using a material skin with the navigaiton bar on the left, in all browsers except safari it renders properly, other skins besides Material also render properly in safari. The only problem is material in Safari.

Can be reproduced in the Orientation demo - on Safari (MAC). Set the Navigation Bar Position dropdown value to Left.

Last Updated: 12 Oct 2021 15:58 by ADMIN
Created by: Bob
Comments: 0
Category: HtmlChart
Type: Bug Report

The charts starts to perform zooming when the user pans with one finger in touch devices.

Steps to reproduce:

1. Open the following demo in a touch device (or Chrome simulator)

2. Start panning until the zooming issue occurs



Last Updated: 07 Oct 2021 10:36 by ADMIN
Release R3 2021 SP1

JavaScript error is thrown then multiple RadNotification instances with enabled audio are shown.

Error message:

[Intervention] Blocked attempt to create a WebMediaPlayer as there are too many WebMediaPlayers already in existence. See

Last Updated: 06 Oct 2021 11:10 by ADMIN
Release R3 2021 SP1

The issue is replicated in R3 2021 only. 

<telerik:RadTabStrip runat="server"  ID="RadTabStrip1" >
        <telerik:RadTab Text="Tab 1">
                <telerik:RadTab Text="fail"></telerik:RadTab>
        <telerik:RadTab Text="Tab 2"></telerik:RadTab>
        <telerik:RadTab Text="Tab 3"></telerik:RadTab>

Solution from Admin:

Place the load/script below somewhere under the ScriptManager. It can be added in the MasterPage if needed:

    Sys.Application.add_init(function fixTabStrip() {
        if (Telerik && Telerik.Web && Telerik.Web.UI && Telerik.Web.UI.RadTabStrip) {
            Telerik.Web.UI.RadTabStrip.prototype._childInserted = function (index, tab, owner) {
                this._allTabs = null;

                if (this._cachedSelectedTab) {
                    this._cachedSelectedTab = null;

                if (tab._cachedSelected) {
                    tab._cachedSelected = false;

                Telerik.Web.UI.RadTabStrip.callBaseMethod(this, "_childInserted", [index, tab, owner]);

                if (tab.get_isBreak()) {
                    var breakElement = document.createElement("li");
                    breakElement.className = "rtsBreak";
                    owner.get_childListElement().insertBefore(breakElement, tab._element.nextSibling);

                //if (tab.get_parent() && tab.get_parent() instanceof Telerik.Web.UI.RadTab && tab.get_parent().get_selected()) {
                //    $telerik.$(tab.get_parent().get_levelElement()).removeClass("rtsHidden");

Pending Review
Last Updated: 05 Oct 2021 13:48 by John
Created by: John
Comments: 0
Category: DateRangePicker
Type: Bug Report


When RadDateRangePicker has StartDatePicker-AutoPostBack and EndDatePicker-AutoPostBack set to "true", after postback when focusing the end date: the days from ending month are not selected in the calendar.

They are selected on the left side, but not on the right side. Is this intended behavior? 

Code excerpt:

<telerik:RadDateRangePicker ID="rdrpDateRange" runat="server" StartDatePicker-AutoPostBack="true" EndDatePicker-AutoPostBack="true" />

Thank you.

Last Updated: 05 Oct 2021 08:22 by ADMIN
Scheduled for R1 2022
Created by: Asif Pathan
Comments: 0
Category: ComboBox
Type: Bug Report

The SelectionChanged event is fired before Page_Load, hence when the ViewState is applied, it overrides the changes made inside the OnSelectionChanged handler.

Example - Clearing the CheckBox selection of a RadComboBox inside SelectionChanged

Workaround - Create a custom boolean property on the page and set it to true inside the SelectionChanged. Then, in Page_Load or the OnLoad event of any control, execute your logic based on the custom boolean property value.

In Development
Last Updated: 04 Oct 2021 11:15 by ADMIN
Scheduled for R3 2021 SP1

HeaderContextMenu filter functions such as "GreaterThanOrEqualTo", "LessThanOrEqualTo" are not working.

This issue happens with the Header Context Menu. The following scenarios are affected:

Last Updated: 20 Sep 2021 11:31 by ADMIN

Some PDF documents not displaying correctly in RadPdfViewer - the text is missing, showing only box borders. The issue is not reproducible neither in PDF.js, nor in Kendo UI PDF Viewer:


Last Updated: 19 Sep 2021 01:37 by Narendra
Created by: karthikeyan
Comments: 1
Category: Grid
Type: Bug Report

Axe Tool Accessibility


Structure for reproduction:

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid_CIPCodes" GridLines="None" runat="server" Skin="Bootstrap" role="application"
    GroupingSettings-CaseSensitive="False" FilterType="Combined"
    <MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="OrderID" HorizontalAlign="NotSet" EditMode="Batch" Caption="Master Table" AutoGenerateColumns="False"
        NoMasterRecordsText="No new CIP Code(s) to add!" ShowHeadersWhenNoRecords="true">
        <BatchEditingSettings EditType="Row" />
        <CommandItemSettings ShowAddNewRecordButton="false" SaveChangesText="Save" CancelChangesText="Cancel" ShowRefreshButton="false" />
            <telerik:GridSortExpression FieldName="OrderID" SortOrder="Ascending" />
        <PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="3" Position="Bottom" ChangePageSizeButtonToolTip="PageSizeButton" ChangePageSizeTextBoxToolTip="ChangePageSizeToolTip" />
        <RowIndicatorColumn CurrentFilterFunction="Contains" FilterListOptions="VaryByDataType" Visible="False">
            <HeaderStyle />
            <telerik:GridBoundColumn DataField="OrderID" HeaderStyle-Width="100px" HeaderText="CIP Code" SortExpression="CIP_Code" UniqueName="CIP_Code" ForceExtractValue="InEditMode"
                FilterListOptions="VaryByDataType" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false" ReadOnly="true" FilterControlWidth="90px">
            <telerik:GridBoundColumn DataField="ShipCountry" HeaderStyle-Width="210px" HeaderText="Display Text" SortExpression="Display_Text" ForceExtractValue="InEditMode" AutoPostBackOnFilter="true"
                UniqueName="Display_Text" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                <ColumnValidationSettings EnableRequiredFieldValidation="true">
                    <RequiredFieldValidator ForeColor="Red" Text="*This field is required" Display="Dynamic">
            <telerik:GridBoundColumn HeaderStyle-Width="210px" HeaderText="Value" ShowFilterIcon="false" UniqueName="Disp_Value" DataField="ShipCountry" SortExpression="Disp_Value" ForceExtractValue="InEditMode" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderStyle-Width="210px" HeaderText="Open Doors Code" UniqueName="OpenDoorsCode" DataField="ShipCountry" AllowFiltering="false" HeaderStyle-Font-Bold="true" ConvertEmptyStringToNull="true"></telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="STEM Eligible" DefaultInsertValue="" HeaderStyle-Width="100px" UniqueName="StemEligible" AllowFiltering="false" HeaderStyle-Font-Bold="true">
                    <telerik:RadDropDownList RenderMode="Lightweight" runat="server" ID="StemEligibleDropDown">
                            <telerik:DropDownListItem Text="" Value="" Selected="true" />
                            <telerik:DropDownListItem Text="Yes" Value="1" />
                            <telerik:DropDownListItem Text="No" Value="0" />
            <telerik:GridCheckBoxColumn HeaderStyle-Width="100px" HeaderText="Add to DB" HeaderTooltip="header tooltip" UniqueName="AddToDB" AllowFiltering="false" HeaderStyle-Font-Bold="true" ToolTip="Is Checked?"></telerik:GridCheckBoxColumn>
    <ClientSettings AllowKeyboardNavigation="true"></ClientSettings>
        <CollapseAnimation Type="OutQuint" Duration="100" />


Data binding

protected void RadGrid_CIPCodes_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    (sender as RadGrid).DataSource = OrdersTable();

private DataTable OrdersTable()
    DataTable dt = new DataTable();

    dt.Columns.Add(new DataColumn("OrderID", typeof(int)));
    dt.Columns.Add(new DataColumn("OrderDate", typeof(DateTime)));
    dt.Columns.Add(new DataColumn("Freight", typeof(decimal)));
    dt.Columns.Add(new DataColumn("ShipName", typeof(string)));
    dt.Columns.Add(new DataColumn("ShipCountry", typeof(string)));

    dt.PrimaryKey = new DataColumn[] { dt.Columns["OrderID"] };

    for (int i = 0; i < 70; i++)
        int index = i + 1;

        DataRow row = dt.NewRow();

        row["OrderID"] = index;
        row["OrderDate"] = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, 0, 0, 0).AddHours(index);
        row["Freight"] = index * 0.1 + index * 0.01;
        row["ShipName"] = "Name " + index;
        row["ShipCountry"] = "Country " + index;


    return dt;







Last Updated: 14 Sep 2021 13:19 by ADMIN

When filtering for a negative number in a GridNumericColumn with a Numeric Type of "Currency" and  AutoPostBackOnFilter="true"  filter loses its negative value on Enter keypress.

Setup to reproduce:

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" Width="800px" OnNeedDataSource="RadGrid1_NeedDataSource"
    <MasterTableView AutoGenerateColumns="False">
            <telerik:GridNumericColumn DataField="Price" DataType="System.Decimal"
                FilterControlAltText="Filter Price column" HeaderText="Price"
                SortExpression="Price" UniqueName="Price" NumericType="Currency" 
                AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo">


protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    (sender as RadGrid).DataSource = Enumerable.Range(1,6).Select(x=> new { Price = Math.Pow(-1, x) * (x * 0.1 + x * 0.01) });
Type a negative value e.g. "-0.11" in the filter control and press Enter. The filter value changes to a positive one and then the filter applies.



Last Updated: 14 Sep 2021 12:36 by ADMIN
Last Updated: 14 Sep 2021 12:33 by ADMIN
Release Q2 2015
When two RadEditors with different TrackChanges mode are defined on the page, a JavaScript error is thrown when inserting a list. The issue is reproducible only when the firstly declared RadEditor has EnabledTrackChanges set to false (the default value), while the second one has EnabledTrackChanges set to false.

Temporary workarounds:

Variant 1: Declare the not tracked RadEditors after the tracked ones, so there scripts will be loaded properly.

Variant2: Set the EnabledTrackChanges of all RadEditors on the page to true.

Steps to reproduce
1. Run the following code:

    <telerik:RadEditor ID="RadEditor1" runat="server">
        <telerik:RadEditor ID="HiddenRadEditor" runat="server" EnableTrackChanges="true">

2. Write something and press Enter

3. Click on the "Unordered List" tool

Result: A JavaScript error is thrown
Last Updated: 14 Sep 2021 12:32 by ADMIN
Release Q1 2015
For the time being you can use the following CSS:
        a.rfdSelect.rfdSelect_Default {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" RenderMode="Lightweight" />
        <asp:DropDownList ID="Dropdownlist1" runat="server">
            <asp:ListItem Value="" Text="(Not Completed)">
            <asp:ListItem Value="2" Text="Equipment Note ttttttttttt tttttttttt tt tt" Selected="true">
            <asp:ListItem Value="3" Text="Test">
            <asp:ListItem Value="4" Text="Hello">
Last Updated: 14 Sep 2021 12:30 by ADMIN
Release Q1 2016
When a RadSlider with Lightweight render mode and 100% width is vertically oriented, the text of its items has a fixed size that is not enough to fully display a larger text. 
Last Updated: 14 Sep 2021 12:29 by ADMIN
Release Q1 2015 SP1
If a horizontal RadSlider is set with ItemType=Tick or ItemType=Item, its decrease and increase handles are disabled and the MetroTouch/BlackMetroTouch skin is used, the ticks will not be positioned correctly. The effect depends on the value of the TrackPosition property:

   - If TrackPosition´╗┐=TopLeft´╗┐, all ticks will be misplaced.
   - If TrackPosition=BottomRight or TrackPosition=Center, the last tick will appear on a new line.
Last Updated: 14 Sep 2021 12:29 by ADMIN
Release Q1 2016
When a RadSlider control is set with ItemType="Item" and has items that are not rendered (they are set with Visible="false"), the drag handle is positioned as if the invisible items are present in the slider.
Last Updated: 14 Sep 2021 12:28 by ADMIN
Release Q3 2015
Created by: Slav
Comments: 0
Category: ProgressBar
Type: Bug Report
The label of RadProgressBar is duplicated with some cultures.
Last Updated: 14 Sep 2021 12:27 by ADMIN
According to the WAI-ARIA specification, the  Shift+Tab in Rich Text Box should focus the toolbar if the cursor is in the content area.As a side effect the Tab functionality get executed instead of Shift+Tab.

The behavior is correct in FF and IE, but not in Chrome

Possible workaround is overriding the InsertShiftTab command with this function:

<telerik:RadEditor runat="server" ID="RadEditor1">

<script type="text/javascript">
	Telerik.Web.UI.Editor.CommandList.InsertShiftTab = function (commandName, editor, oTool) {
		var oParent = editor.getSelectedElement();
		if (typeof (oParent.tagName) == "undefined")
			oParent = oParent.parentNode;

		var tdNode = Telerik.Web.UI.Editor.Utils.getElementParentByTag(oParent, "TD");
		if (tdNode) {
			Telerik.Web.UI.Editor.Utils.MoveToPreviousCell(tdNode, editor);
		else {
			setTimeout(function () {
				var toolsArray = editor.get_toolAdapter().get_tools();
				var lastTool = toolsArray[toolsArray.length - 1].get_element();

				if (document.activeElement !== lastTool) {
			}, 0);
		return false;
Last Updated: 14 Sep 2021 12:20 by ADMIN
A JavaScriptError is thrown when FileExplorer with enabled AsyncUplaod is used for multiple files uploading in IE. The message of the error is:
JavaScript runtime error: Object doesn't support property or method 'get_allowMultiRowSelection'

Steps to reproduce:
1. Open in IE10
2. Open the FileExplorer's Upload dialog
3. Select 2 or more files for upload
4. Click the Upload button

Result: A JavaScript error is thrown.
1 2 3 4 5 6