Under Review
Last Updated: 18 Sep 2020 12:53 by ADMIN

Reproduction of the issue

RadGrid declaration

<telerik:RadButton runat="server" Text="PostBack"  AutoPostBack="true"></telerik:RadButton>
<telerik:RadGrid runat="server" ID="RadGrid2">
    <MasterTableView DataKeyNames="Column1" ClientDataKeyNames="Column1" CommandItemDisplay="Top">
            <Columns>
            <telerik:GridBoundColumn UniqueName="Col1" DataField="Column1" HeaderText="Col1"s></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Col2" DataField="Column2" HeaderText="Col2"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Co13" DataField="Column3" HeaderText="Co13"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn UniqueName="Col4" DataField="Column4" HeaderText="Col4"></telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings ReorderColumnsOnClient="false" AllowColumnsReorder="true">
            <DataBinding Location="~/Api/RevCodeGrid" SelectMethod="GetDataAndCount2"   >
        </DataBinding>
    </ClientSettings>
</telerik:RadGrid>

 

RevCodeGridController

public class Test
{
    public String Column1 { get; set; }
    public String Column2 { get; set; }
    public String Column3 { get; set; }
    public String Column4 { get; set; }
}


[HttpPost]
public virtual RadGridResultData GetDataAndCount2(object context)
{
    List<Test> items = new List<Test>();
    items.Add(new Test() { Column1 = "1", Column2 = "A", Column3 = "A1", Column4 = "A12" });
    items.Add(new Test() { Column1 = "2", Column2 = "B", Column3 = "B1", Column4 = "B12" });
    items.Add(new Test() { Column1 = "3", Column2 = "C", Column3 = "C1", Column4 = "C12" });
    items.Add(new Test() { Column1 = "4", Column2 = "D", Column3 = "D1", Column4 = "D12" });

    return new RadGridResultData { Data = items, Count = items.Count };
}

 

 

 

 

 

 

 

Planned
Last Updated: 17 Sep 2020 10:30 by ADMIN
Scheduled for R3 2020 SP1
Created by: Lars
Comments: 0
Category: DropDownList
Type: Bug Report
1

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
}

Completed
Last Updated: 17 Sep 2020 10:11 by ADMIN
Release R3 2020 SP1
Created by: rumen jekov
Comments: 0
Category: UI for ASP.NET AJAX
Type: Bug Report
0
When you click on the Spell Check button on the toolbar, the dialog with the suggestions list will popup on page top, but not at the expected position.
Completed
Last Updated: 16 Sep 2020 12:11 by ADMIN
Release R3 2020 SP1
Like the title says, when the editor renders as mobile and EnableAriaSupport="true", the editor fails to initialize on JavaScript-level.
Unplanned
Last Updated: 16 Sep 2020 11:27 by ADMIN
Created by: Neale Hayes
Comments: 0
Category: DatePicker
Type: Bug Report
0

1) There is no element with the id or name as the value of the aria-controls attribute of the dateinput button with enabled ARIA support. 

2) The aria-valuemin and aria-valuemax attribute are not valid on role=textbox

To fix these, the following workarounds can be used

Option 1: OnClientLoad event of the DateInput element inside the DatePicker

function DatePickerOnClientLoad(sender) { setTimeout(function () { $telerik.$(sender.get_element()).parent().find("[role=button][aria-controls]").removeAttr("aria-controls");
$telerik.$(sender.get_element()).removeAttr("aria-valuemin").removeAttr("aria-valuemax") }) }

 

Option 2: using Sys.Application.Load event

function pageLoadHandler() {
    $telerik.$("[role=button][aria-controls]");
    $telerik.$("[role=textbox]").removeAttr("aria-valuemin").removeAttr("aria-valuemax");
    // Sys.Application.remove_load(pageLoadHandler);  
}
Sys.Application.add_load(pageLoadHandler);

 

 

 

Pending Review
Last Updated: 14 Sep 2020 23:05 by Nishar

We used Telerik in our application. The network team reported a spam in it.

Using Telerik grid with SortExpression in telerik:GridTemplateColumn, has been reported as high priority network issue.

 

Issue name : Ajax request header manipulation (DOM-based)

 

Recorded the issue in below snippet of responce.

onclick="Telerik.Web.UI.Grid.Sort()"

 

Please let me know if you have any suggestions.!!!

Planned
Last Updated: 07 Sep 2020 08:30 by ADMIN
Scheduled for R3 2020 SP1

This can be achieved if the role=menubar is set to the <ul> element containing the <li> menu items instead of the wrapper <div> element.

In this example from the WAI-ARIA Practices site, JAWS announces "1 of 3", "2 of 3", and "3 of 3" as the top-level menus are navigated.

https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html

 Workaround from Admin:

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender.get_element()).removeAttr("role").find(">").attr("role", "menubar")
    }
</script>
<telerik:RadMenu runat="server" ID="RadMenu1" EnableAriaSupport="true"  RenderMode="Lightweight" OnClientLoad="OnClientLoad" TabIndex="1">

Completed
Last Updated: 10 Sep 2020 14:17 by ADMIN
Created by: Laurentiu Stamat
Comments: 1
Category: UI for ASP.NET AJAX
Type: Bug Report
0

 Hello,

I have noticed the changes in your website, demos and documentation, but not all seems to work well on IE 11.

In the new interface of

 https://docs.telerik.com/devtools/aspnet-ajax/introduction?_ga=2.16776693.2130593711.1599296842-392310183.1565849466

 the left menu dissapear after more clicks (IE11)

However, in ASP.net AJAX demos, the new interface is not looking good on IE 11

For example,  https://demos.telerik.com/aspnet-ajax/orgchart/examples/expandcollapse/defaultcs.aspx

The old interface was looking great, I had no problems at all, any control

I hope I will not have the same problems in my ASP.net application... 

 

 

Declined
Last Updated: 09 Sep 2020 10:48 by ADMIN

We have code for our ajaxified submit forms to disable the submit button on request start and re-enabled it on request end. This used to work, but when we upgraded to the latest build (2020.2.617), setting the disabled property to false now throws an error in IE from the WebResource.axd file (does not appear to have a problem in Firefox). The attached demo project shows exactly where the error occurs. Just click the Search button.

Attached picture shows an example of the error message thrown. The error does not appear to be with our javascript code itself; all the variables are populated and valid. It looks like something is getting triggered in the WebResource code when we set the disabled property to false and that is where the break is occurring.

 

Unplanned
Last Updated: 28 Aug 2020 11:15 by ADMIN

WebVTT file with a text header is not being displayed and cues with identifiers are also not shown.

Not working sample .vtt file:

WEBVTT - This file has cues.

14
00:01:14.815 --> 00:01:18.114
- What?
- Where are we now?

15
00:01:18.171 --> 00:01:20.991
- This is big bat country.

Working sample .vtt file:

WEBVTT

00:01:14.815 --> 00:01:18.114
- What?
- Where are we now?

00:01:18.171 --> 00:01:20.991
- This is big bat country.
See: 

 

 

Under Review
Last Updated: 24 Aug 2020 14:42 by ADMIN

Example demo: https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx

And here's what JAWS sees:

Note the extra unlabeled "Button" following every combo box. This is confusing to the reader. They have no way to know that it is associated with the preceding field.

Additionally, I've noted that when aria-support is turned on, this button becomes focusable. Tabindex="0" is added to the span inside the text box. We prefer the older functionality where the button was not a tab stop. Which is the same behavior you have when aria support is turned off. For reference, see your own aria demo:

Note that the tab key stops on the drop down arrow. (You can check the previously linked demo and see that the arrows in those boxes are not tab stops.)

If right-click the arrow and inspect, you'll find the following: 

<span id="ctl00_ContentPlaceholder1_RadComboBox2_Arrow" class="p-icon p-i-arrow-60-down" role="button" aria-controls="ctl00_ContentPlaceholder1_RadComboBox2_listbox" tabindex="0"></span>

Adding aria support should not change behavior, so we'd prefer the tab stop was removed.

In our own application, we have additional problems when the button is focused and activated with either the "space" or "enter" keys, it refocuses the field, but it does not actually open the drop down. I do not see that problem in your demo. However, if the arrow button was removed as a tab stop and from the INS+F5 dialog, this would not be a problem.

Please note that all of the above is in Chrome. 

Workaround: 

Using the following code in the OnClientLoad event of the ComboBox:

  var _DropDown_OnClientLoad = function (sender, args) {
    var input = sender.get_inputDomElement();

    //Remove tabindex from down-arrow button. We never want to focus this button.
    $telerik.$(input).siblings("button").find("[role=button]").attr("tabindex", null);

    //hide the down-arrow button from screen readers. The entire combo box
    //should be considered a single control.
    $telerik.$(input).siblings("button").attr("aria-hidden", "true");
}

 

Unplanned
Last Updated: 24 Aug 2020 13:31 by ADMIN

The issue can be reproduced in the following demo - Grid - Declarative Binding

Steps:

  • In the RadGrid bound to WCF Web Service initially apply "NoFilter" to one column.
  • Apply any random filter to another column of the Grid and monitor the DevTools Consol for the error

See http://somup.com/cYjZIU6NG9

Unplanned
Last Updated: 24 Aug 2020 12:05 by ADMIN

Given you have a table, where a row has multiple cells containing rowspans.

And there are also cells with no rowspan between them.

E.g. Starting HTML

<table>
    <tbody>
        <tr>
            <td rowspan="2">A1</td>
            <td>B1</td>
            <td rowspan="2">C1</td>
        </tr>
        <tr>
            <td>B2</td>
        </tr>
    </tbody>
</table>

When you delete the row (E.g. delete row 1 in the example above).

Then the cells in the resulting table are in the wrong columns.

E.g. Result HTML

<table>
    <tbody>
        <tr>
            <td>A1</td>
            <td>C1</td>
            <td>B2</td>
        </tr>
    </tbody>
</table>

Cells C1 and B2 are in the incorrect columns.

The desired outcome of deleting row 1 would be for all cells to remain in their original columns.

E.g. Desired Result HTML

<table>
    <tbody>
        <tr>
            <td>A1</td>
            <td>B2</td>
            <td>C1</td>
        </tr>
    </tbody>
</table>

Bug is reproducible in RadEditor demo using Starting HTML above (in various browsers).

Thank you,

Shane

Unplanned
Last Updated: 11 Aug 2020 17:02 by ADMIN

The appearance of RadRadioButtonList is broken when it is used on the same page with RadButton and the set render mode equals to Auto or Classic.

The bug can be reproduced with the following setup:

No render mode set:        <telerik:RadRadioButtonList ID="RadRadioButtonList3" runat="server">
            <Items>
                <telerik:ButtonListItem Text="AllXxXxX" Value="d" />
                <telerik:ButtonListItem Text="Phone xxxxxxxxx" Value="P" />
                <telerik:ButtonListItem Text="IP/URL xxxxxxxxx" Value="I" />
                <telerik:ButtonListItem Text="General xxxxxxxxx" Value="O" />
            </Items>
        </telerik:RadRadioButtonList>

        <telerik:RadButton runat="server" ID="Button1" Text="Button"/>
or
RenderMode="Classic":
        <telerik:RadRadioButtonList ID="RadRadioButtonList3" runat="server">
            <Items>
                <telerik:ButtonListItem Text="AllXxXxX" Value="d" />
                <telerik:ButtonListItem Text="Phone xxxxxxxxx" Value="P" />
                <telerik:ButtonListItem Text="IP/URL xxxxxxxxx" Value="I" />
                <telerik:ButtonListItem Text="General xxxxxxxxx" Value="O" />
            </Items>
        </telerik:RadRadioButtonList>

        <telerik:RadButton runat="server" ID="Button1" Text="Button"/>
Unplanned
Last Updated: 11 Aug 2020 10:18 by ADMIN
Created by: Chris Vaughn
Comments: 0
Category: MultiSelect
Type: Bug Report
1

Scenario 1)

- Set MultiSelect1.Enabled=false; 
- Do a postback;

Expected: MultiSelect remain disabled
Actual: MultiSelect gets enabled

Workaround: set MultiSelect1.Enable = false instead of .Enabled.

Scenario 2)

- Add a MultiSelect inside asp:Panel
- Disable the asp:Panel

Expected: MultiSelect is disabled
Actual: MultiSelect remains enabled

 

Completed
Last Updated: 05 Aug 2020 08:46 by ADMIN
Release R3 2020
Copied line-spacing content from MS Word are not retaining same paragraph spacing because RadEditor strips the line-height style.
Unplanned
Last Updated: 24 Jul 2020 11:36 by ADMIN
Unplanned
Last Updated: 22 Jul 2020 11:12 by ADMIN
Here is how to reproduce the problem on a MAC:

yorosiku (よろしく) onegai (お願い) itasimasu (いたします。)

These are the letters (and corresponding Japanese) we type to write the sentence.
We first type these three segments all together and press the Shift key to change the
characters of each segment, but if we press the Shift more than once (pressing Shift more than
once is necessary to get the right characters), it automatically copies and pastes or erases
random segments.
Unplanned
Last Updated: 21 Jul 2020 09:28 by ADMIN

Reproduction steps:

  1. For RadGrid set RenderMode="Mobile" and EnableHeaderContextMenu="true"
  2. For Grid Column set Groupable="false"
  3. Try to group by the non-groupable column - http://somup.com/cYirQb6fqR
Unplanned
Last Updated: 21 Jul 2020 11:17 by ADMIN

Links inside RadGrid are failing Contrast tests with ANDI tool:

<telerik:RadButton runat="server" ID="RadButton1" Text="Hide Grids with no Contrast issues" AutoPostBack="false" OnClientClicked="OnClientClicked" />
<script>
    function OnClientClicked(sender, args) {
        var $ = $ || $telerik.$;
        var failingSkins = []
        $(".RadGrid").each(function () {
            var grid = $(this)
            if (grid.find(".ANDI508-element-danger").length == 0) {
                grid.parent().hide();
            } else {
                failingSkins.push(grid.parent().find(".label").text())
            }
        })
        console.log(failingSkins)
    }
</script>

<a href="javascript:void((function(){andiScript=document.createElement('script');andiScript.setAttribute('src','https://www.ssa.gov/accessibility/andi/andi.js');document.body.appendChild(andiScript)})());">Run ANDI tool</a>
<br />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server"></telerik:RadSkinManager>
<asp:Repeater runat="server" ID="Repeater1" OnItemDataBound="Repeater1_ItemDataBound">
    <SeparatorTemplate>
        <hr />
    </SeparatorTemplate>
    <ItemTemplate>
        <div class="container">
            <asp:Label Text="Label1" CssClass="label" ID="Label1" runat="server" />
            <telerik:RadGrid ID="RadGrid1" RenderMode="Lightweight" runat="server" AllowPaging="True" CellSpacing="0"
                GridLines="None" Width="800px" PageSize="10" OnNeedDataSource="RadGrid1_NeedDataSource"
                AllowSorting="true">
                <MasterTableView AutoGenerateColumns="False" DataKeyNames="OrderID">
                    <Columns>
                        <telerik:GridHyperLinkColumn DataTextField="ShipName" DataNavigateUrlFields="OrderID" DataNavigateUrlFormatString="https://google.com/search?q={0}" Target="_blank"></telerik:GridHyperLinkColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

        </div>

    </ItemTemplate>
</asp:Repeater>

protected void Page_Load(object sender, EventArgs e)
{
    Repeater1.DataSource = RadSkinManager1.GetSkinChooser().Items;
    Repeater1.DataBind();
}
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
    (sender as RadGrid).DataSource = Enumerable.Range(1,70).Select(x=> new { OrderID = x, ShipName = "Ship name #" + x });
}

protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
    var grid = e.Item.FindControl("RadGrid1") as RadGrid;
    if (grid != null)
    {
        var skin = (e.Item.DataItem as RadComboBoxItem).Text;
        grid.Skin = skin;
        (e.Item.FindControl("Label1") as Label).Text=skin;

    }
}

1 2 3 4 5 6