Steps to reproduce:
1. Open the demo page http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
2. Switch to the 'HTML' mode of the RTE and replace all existing HTML content with the following HTML snippet:
<div>text</div>

3. Switch to the 'Design' mode of the RTE and click once on the 'text' word;
4. Switch keyboard language to Japanese and select 'Hiragana' input type. Place focus on the 'text';
5. Type the 'a' and 'e' characters;

Expected result:
The 'あえ' characters are typed.

Actual result:
Just 'え' character is typed. The 'あ' character is replaced by the 'え'. 

Note:
The first character disappears.
You may need to try several times to reproduce the issue.
The issue is reproducible in Chrome (Version 54.0.2840.99 m).
The issue is not reproducible in Firefox and IE11.

Screencast reproduction: http://screencast.com/t/Lj6plU0di99



Workaround:

<telerik:RadEditor ID="RadEditor1" runat="server">
<Content><p>test</p></Content>
</telerik:RadEditor>

<script>
var editorPrototype = Telerik.Web.UI.RadEditor.prototype;
var onKeyDown = editorPrototype._onKeyDown;
editorPrototype._onKeyDown = function (e) {
if (e.composed) {
   this._pendingTextTypeCmd = {};
}
onKeyDown.call(this, e);
if (e.composed) {
   delete this._pendingTextTypeCmd;
}
};
</script>

RadCheckBox is not firing the event for CheckedChanged the first time it is checked.

If you simply replace the RadCheckBox with a standard asp CheckBox all works as it should and the event is fired with the first click.

The correct format should be ISO 8601:
([CreateDate] >= '2013-06-22T00.00.00') AND ([CreateDate] <= '2013-06-22T23.59.59'

Workaround: https://www.telerik.com/support/kb/aspnet-ajax/grid/details/get-sql-compliant-filterexpressions-from-radgrid

Changing the render mode of the Editor Dynamically on the server-side leads to a JavaScript error:

Uncaught TypeError: Cannot read property 'render' of null
    at Telerik.Web.UI.Editor.Modules.RadEditorNodeInspector.render

The issue is introduced in 2016 R3.


Steps to reproduce:
Run the following configuration:

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

CS:

protected void Page_Load(object sender, EventArgs e)
    {
        RadEditor1.RenderMode = Telerik.Web.UI.RenderMode.Mobile;
    }

I have attached an image which shows the required filter output.

Left panel had filters and on right data is displayed. Do you guys have any tool which can give the required output. Rather me using multiple controls to achieve the required functionality.

The RadFormDecorator decorated checkboxes in the Grid are hard to read when checked in the following skins:
BlackMetroTouch, Bootstrap, Glow, Metro, MetroTouch, Office2010Black, Telerik, WebBlue

Screenshot with Telerik Skin:
https://www.screencast.com/t/1P2hyvWNX

Steps to reproduce:
1. Open http://demos.telerik.com/aspnet-ajax/formdecorator/examples/formdecoratorandtelerikcontrols/defaultcs.aspx?skin=Telerik
2. Scroll to the Grid
3. Select one or all checkboxes
Result: The selected color of the checkbox almost matches the background color

Hi,

Most of the telerik ASP.NET control examples while looking *really beautiful* are also hard to read / understand for beginning programmers like me :)

Why not add a truly minimalistic example per control that *only* shows the core functionality for each control?

grtz, 
Theo

Affects RadCloudUpload and RadAsyncUpload combined with RadProgressArea. Manifests most often on slow networks or very large files.
Scroll down for workarounds for both cases.

NOTE: RadCloudUpload issue is logged separately - https://feedback.telerik.com/Project/108/Feedback/Details/258958-cloudupload-progress-shows-more-than-100-when-uploading-a-file

WORKAROUND FOR PROGRESS AREA is to round down the data, as it seems the server reports more bytes uploaded than they actually are, and that tends to happen under slow network conditions

<telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="RadAsyncUpload1" MultipleFileSelection="Automatic" EnableInlineProgress="false" />
<telerik:RadProgressManager runat="server" ID="RadProgressManager1" />
<telerik:RadProgressArea RenderMode="Lightweight" runat="server" ID="RadProgressArea1" OnClientProgressUpdating="OnClientProgressUpdating" />
<script>
function OnClientProgressUpdating(sender, args) {
    //debugger
    if (args._progressData.PrimaryPercent > 100) {
        args._progressData.PrimaryPercent = 100;
    }
    if (args._progressData.PrimaryValue > args._progressData.PrimaryTotal) {
        args._progressData.PrimaryValue = args._progressData.PrimaryTotal;
    }
    console.log(args.get_progressData());
}
</script>

WORKAROUND FOR CLOUD UPLOAD is to add the following script at the end of the form that will override the built-in XHR handilng to change the way the totals are calculated:

        <script>
            Telerik.Web.UI.RadCloudUpload.HandlerUploader.prototype._initializeXmlHttpRequest = function () {
                this._xhr = new XMLHttpRequest();

                var that = this,
                    module = this._module,
                    xhr = this._xhr;

                xhr.onreadystatechange = function readyStateChanged() {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                            that._successfulResponseStatus(xhr);
                        }
                        else if (xhr.status != 0) {
                            that._failedResponseStatus(xhr);
                        }
                    }
                };

                xhr.upload.onprogress = function (event) {
                    that._uploadedSize += event.loaded;

                    var percents = Math.round((event.loaded / event.total) * 100) + "%";

                    module._renderingManager.updateRowProgress(that._uploadingEntity.row, percents, true);
                };
            }
        </script>

 I am attaching 2 pictures to show what's happening in version 2017.2.621.  In the newer release I have to set the font & size specifically or the text is larger that the box.  It was not this way on previous releases.
Here is the code  I am using to get it to display properly.  However, it did work (as in picture 1) with out the specific font items before.

<telerik:RadComboBox ID="RCB1" runat="server" DataSourceID="SqlDataState" DataTextField="abbreviation" DataValueField="abbreviation" Height="200"  MarkFirstMatch="true" Skin="Office2010Blue" Font-Names="Open Sans" Font-Size=".73em" ForeColor="#64758F" onFocus="this.select()"  Width="150px" EmptyMessage="Choose State...">
</telerik:RadComboBox>

Workaround: 

.RadListBox .rlbEmptyMessage {
    font-style: italic;
    text-align: center;
    filter: alpha(opacity=80);
    opacity: .8;
    position: absolute;
}

 https://www.screencast.com/t/UgqUZbqenpj5

Javascript errors are thrown when pie chart with custom skin is loaded. The issue is introduced as of version 2017.1.118.

Code to reproduce:
        <telerik:RadHtmlChart ID="Telerik1" runat="server" Height="250px" Width="250px" EnableEmbeddedSkins="false" Skin="CMS_Black">
            <ChartTitle Text="Financial Aid Status1112">
                <Appearance>
                    <TextStyle Color="Red" FontSize="12" FontFamily="Verdana" Margin="11" Padding="22"></TextStyle>
                </Appearance>
            </ChartTitle>
            <PlotArea>
                <Series>
                    <telerik:PieSeries Name="TypeMemberCount1" NameField="Name" DataFieldY="Value">
                        <LabelsAppearance>
                            <ClientTemplate>
                               #=dataItem.Name#: #=dataItem._Value# (#=dataItem._Percentage#%)
                            </ClientTemplate>
                        </LabelsAppearance>
                    </telerik:PieSeries>
                </Series>
            </PlotArea>
            <Legend>
                <Appearance Position="Right" Visible="true">
                </Appearance>
            </Legend>
        </telerik:RadHtmlChart>


Code bihind:

    protected void Page_Load(object sender, EventArgs e)
    {
        Telerik1.DataSource = GetData();
        Telerik1.DataBind();

    }
    private DataTable GetData()
    {
        DataTable dt = new DataTable("ChargeData");
        
        dt.Columns.Add("Id", Type.GetType("System.Int32"));

        dt.Columns.Add("Name", Type.GetType("System.String"));
        dt.Columns.Add("Value", Type.GetType("System.Int32"));
        dt.Columns.Add("_Value", Type.GetType("System.Int32"));
        dt.Columns.Add("_Percentage", Type.GetType("System.Int32"));

        dt.Rows.Add(1, "Item 1", 10, 34, 10);
        dt.Rows.Add(2, "Item 2", 65, 34, 65);
        dt.Rows.Add(3, "Item 3", 25, 34, 25);
        return dt;
    }


web.config:

    <add key="Telerik.Skin" value="CMS_Black"/>

Ticket 1113172 

I have a standard Asp.Net checkbox and a radcheckbox on my webform. But when I configure a sqldatasource and want to add a where clause. Set that to control and want to select the radcheckbox, then only the standard .net checkbox appears in the list. Radcheckbox does not appear. 

Check the attached screenshot for more information.

There is a black line that has appeared in my RadMenu.

The problem can be solved by adding a display: none in the following class:

.RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap>.rmHorizontal:before, .RadMenu .rmScrollWrap>.rmVertical:before

Caused by 

https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/GbVcuwg_QjM/discussion%5B1-25%5D
https://stackoverflow.com/a/45495974
https://stackoverflow.com/a/45746963

Workaround attached

Missing background color of the Grid's headers in IE9 due to the unsupported by the browser linear-gradient. The issue can be reproduced with Skin="Web20".

Workaround:

        div.RadGrid_Web20 .rgHeader, .RadGrid_Web20 th.rgResizeCol, .RadGrid_Web20 .rgHeaderWrapper {
            background-image: linear-gradient(#9db7db,#7b95c6 50%,#698ac0 50%,#92b3de);
            background-color: #92b3de;
        }

Code to reproduce:
                <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="false" Skin="Web20" EnableEmbeddedSkins="true">
                    <MasterTableView>
                        <Columns>
                            <telerik:GridBoundColumn DataField="description" HeaderText="Description"></telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="value" HeaderText="Value"></telerik:GridBoundColumn>
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>

    protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
    {
        (sender as RadGrid).DataSource = GetData();
    }

    private DataTable GetData()
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("description");
        dt.Columns.Add("value");
        for (int i = 0; i < 100; i++)
        {
            dt.Rows.Add(
                "description_" + i.ToString(),
                i * 100);
        }

        return dt;
    }