Reproduction:
<telerik:RadButton ID="RadButton1" runat="server" Text="Submit" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false"/>
<telerik:RadCheckBox ID="RadCheckBox1" runat="server" Text="CheckBox" Skin="Default" />
Workaround:
<telerik:RadButton ID="RadButton1" runat="server" Text="Submit" Skin=""/>
RadClientDataSource does not update the data properly when bound to EntityDataSource. The proper data is displayed only of first load (when the data is fetched via _kendoDataSource.read()), but not after an update (e.g. a page change)
Steps to reproduce:
Result - the Grid is not bound with the correct data
When editing certain HTML layouts in a RadEditor on a Mac, when you right-click on the empty space to the right of the text content in a table cell inside a nested table, then click Row -> Insert Row Above, the editor inserts a row above the current row in one of the parent tables, instead of in the table containing the specific cell that was clicked on.
To reproduce, paste the following code into the HTML view of a RadEditor. Then switch to Design mode, and right click in the empty space to the right of the text "Type your message here!", but within the same table cell as that text. Select Row -> Insert Row Above, and see that the editor inserts a row into the wrong table.
This is only reproducible on a Mac, but it has been confirmed to happen in both Safari and Chrome.
The project this is for is currently using version 2016.3.1027, however I've pasted this code into the Telerik RadEditor demo at https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx , which I presume is running the latest version, and the problem is reproducible there also.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="width=device-width" name="viewport" />
<title>Newsletter from your Pro</title>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table style="background-color: #C9CAC8 ;" cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;" class="body" cellspacing="0" cellpadding="0" align="center" border="0" width="640">
<tbody>
<tr>
<td style="background-color: #ffffff; height: 60px;" class="side-pad" colspan="6" align="center"><span style="text-align: center;" class="devicewidthinner"></span></td>
<td style="background-color: #ffffff; height: 60px;" class="side-pad" align="center"><span style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #63666a;">February 5, 2019</span></td>
</tr>
<tr>
<td style="background-color: #ffffff; height: 87px;" class="side-pad" colspan="6" align="center"><span class="devicewidth"></span></td>
<td style="background-color: #ffffff;" class="side-pad" align="center"></td>
</tr>
<tr>
<td style="background-color: #d55c19; width: 201px; height: 30px;" class="side-pad" align="center"><span style="text-align: center; font-weight: normal; line-height: 24px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;"><a style="color: #fff; text-decoration: none;" href="http://www.test.com">Visit website</a></span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #d55c19; width: 86px;" class="side-pad" align="center"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;"><a style="color: #fff; text-decoration: none;" href="mailto:test@test.com">Email me!</a></span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #d55c19; width: 122px;" class="side-pad" align="center"><span style="text-align: center; line-height: 15px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #ffffff;">123-456-7890</span></td>
<td style="background-color: #ffffff; width: 4px;" class="side-pad" align="center"> </td>
<td style="background-color: #63666a; width: 201px; height: 30px;" class="side-pad" align="center"><span style="text-align: center; font-weight: normal; font-size: 12pt; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #ffffff;">Test Testerson</span></td>
</tr>
<tr>
<td style="background-color: #ffffff;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td style="height: 250px;" align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td style="height: 250px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr>
<td style="width: 100%; height: 205px;" valign="top">
<table style="mso-table-lspace:0;mso-table-rspace:0;" cellspacing="0" cellpadding="0" align="left" border="0" width="100%">
<tbody>
<tr>
<td style="font-size: 14px; color: #63666a; font-weight: normal; line-height: 20px; width: 205px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"><span style="font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #63666a;">Type your message here!</span></td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top"> </td>
</tr>
<tr>
<td style="font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size:14px; color: #63666a; line-height:18px; text-align:left;" colspan="4">
<p> </p>
</td>
</tr>
<tr>
<td colspan="4" valign="top"> </td>
</tr>
<tr>
<td colspan="4" valign="top"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="background-color: #63666a;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tbody>
<tr bgcolor="#63666A">
<td style="height: 18px;" valign="top" align="center"> </td>
</tr>
<tr>
<td valign="top">
<table style="mso-table-lspace:0;mso-table-rspace:0;" class="full-width collapse" cellspacing="0" cellpadding="0" align="left" border="0" width="100%">
<tbody>
<tr>
<td style="font-size:12px; color:#63666a; font-weight:normal; text-align:left;" class="center">
<p><span style="font-size: 12px; line-height: 14px; text-align: left; font-family: Helvetica, Arial, sans-serif; color: #ffffff;" class="footer">Here is some footer text.</span></p>
</td>
</tr>
</tbody>
<tbody>
<tr>
<td class="center" valign="top" align="center"> </td>
</tr>
<tr>
<td class="center" valign="top" align="center">
<table cellspacing="0" cellpadding="0" align="center" border="0">
<tbody>
<tr>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
<td style="width: 12px;" align="center"> </td>
<td align="center"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="background-color: #636666a;">
<td style="background-color: #63666a;" class="side-pad" colspan="7" align="center">
<table class="container" cellspacing="0" cellpadding="0" align="center" border="0" width="600">
<tbody>
<tr>
<td align="center">
<table class="row" cellspacing="0" cellpadding="0" align="center" border="0" width="580">
<tbody>
<tr>
<td style="height: 20px;"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<p> </p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
I have an issue when I line break in RADEditor but it keeps going to the bottom of the line in Internet Explorer v11. Please note that the issue is reproducible on Telerik Demo site. Steps to reproduce the issue: Copy and paste the following content in HTML mode Some content <br /> <br /> Put the cursor in the beginning of this line, press Backspace and after that Enter <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> Switch to Design panel Press Backspace twice in front of the text "Put the cursor in the beginning of this line, press Backspace and after that Enter" Press Enter Result The content jump to the bottom of the line See the attached video for more information.
When TextBox with set MaxLength property has an EmptyMessage longer than MaxLength the form is not submitted in IE11. Steps to reproduce: 1. Run the following code in IE11: <telerik:RadTextBox runat="server" ID="txbRelatedMessageVersion" Width="200px" MaxLength="10" EmptyMessage="Message Version" /> <telerik:RadButton ID="amendBtn" runat="server" Text="Submit Page /> 2. Click inside RadTextBox 3. Click the button Result: the empty message is considered as a not valid value and the page is not submitted. Changing the MaxLenght to 15 will allow to submit the page successfully.
The click event of the toolbar is triggered only when the user clicks outside of the set button icon (the text or the button element). Clicking directly over the icon does not perform any action in IE11. video: https://www.screencast.com/t/K50K4X8Ck Code to reproduce: <telerik:RadToolBar runat="server" ID="ToolBar1"> <Items> <telerik:RadToolBarButton ImageUrl="//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/kendo/kendoka-states.png" NavigateUrl="Default.aspx" Text="Link"/> <telerik:RadToolBarButton ImageUrl="//d585tldpucybw.cloudfront.net/sfimages/default-source/labs/kendo/kendoka-states.png" NavigateUrl="Default.aspx"/> </Items> </telerik:RadToolBar>
Selecting a cell from horizontally scrolled RadGrid with allowed Keyboard Navigationcauses the page to be scrolled to the left in IE 11. video: https://www.screencast.com/t/4NDOq9Qx Comment: If the Batch editing is enabled the cell is selected, but the batch editing is not started. Code to reproduce the issue: <div style="width: 4000px"> <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true" AllowSorting="true" Skin="Telerik" RenderMode="Lightweight" OnNeedDataSource="RadGrid1_NeedDataSource"> <ClientSettings AllowKeyboardNavigation="true" Scrolling-AllowScroll="true" Scrolling-SaveScrollPosition="true"> <Selecting CellSelectionMode="SingleCell" /> </ClientSettings> <GroupingSettings ShowUnGroupButton="true"></GroupingSettings> <MasterTableView CommandItemDisplay="Top" Frame="Border" ShowFooter="true" AllowPaging="True" AllowCustomPaging="true" ShowGroupFooter="true"> </MasterTableView> </telerik:RadGrid> </div>
You can get the same behavior that all other browsers get - focus being after the table. This is done easily by clearing out the following function logic (make sure the script is after the script manager): <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function () { } </script> You can also try the following version of the function that attempts to fix the selection collapse after the DOM changed: <script> Telerik.Web.UI.Editor.TableDeleteRow.prototype.selectAnotherRow = function (layoutBuilderEngine) { if ($telerik.isIE9Mode) { var arStateIndexes = layoutBuilderEngine._getLeftTopStateIndexes(layoutBuilderEngine._selectedRowIndex, layoutBuilderEngine._selectedCell.cellIndex); var stateRow = arStateIndexes["rowIndex"]; var nextCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow + 1, 0); var prevCell = layoutBuilderEngine._getSelectedTableCellByStateIndexes(stateRow - 1, 0); var newSelectedCell = nextCell || prevCell; if (newSelectedCell) { var editorSelection = this.get_editor().getSelection(); setTimeout(function () { try {//the DOM change is likely to cause errors after the fixes, hence the try-catch, the timeout is to let the DOM get changed before tampering with the selection if ($telerik.$(newSelectedCell).is(':visible')) {//for deleting footer cells editorSelection.selectElement(newSelectedCell); editorSelection.moveToElementText(newSelectedCell);//to properly move focus editorSelection.collapse(true); } } catch (ex) { } }); } } } </script> Considering the drawbacks of fixing IE code that is also inconsistent with other browsers, it is possible that the final fix will be to remove the function and have the same behavior as in other browsers.
RadRotator stops working after Ctrl+F5 refresh if the ItemWidth is not set in Firefox. After the refresh RadRotator looses its item width calculation and show only the first item, the others and rendered on the next row. Video: https://www.screencast.com/t/hqYDQrPsemK 1. Run the code below in Firefox 2. Press Ctrl + F5 Result: The rotator does not rotate the items anymore <telerik:RadRotator ID="RadRotatorLogosTelerik" RotatorType="AutomaticAdvance" Skin="Metro" RenderMode="Lightweight" Visible="true" runat="server" EnableRandomOrder="false" Height="180px" Width="980px" ItemHeight="80px"> <Items> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image1" runat="server" AlternateText="becken" ImageUrl="https://placeimg.com/980/80/tech" /> </div> </ItemTemplate> </telerik:RadRotatorItem> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image2" runat="server" AlternateText="goodis" ImageUrl="https://placeimg.com/980/80/animals" /> </div> </ItemTemplate> </telerik:RadRotatorItem> <telerik:RadRotatorItem> <ItemTemplate> <div id="imgitemTemplate"> <asp:Image ID="Image3" runat="server" AlternateText="kubo" ImageUrl="https://placeimg.com/980/80/arch" /> </div> </ItemTemplate> </telerik:RadRotatorItem> </Items> </telerik:RadRotator>
When there is a hidden <tfoot> element in the table, the Delete Row command in the editor context menu cannot delete the last row in IE. Works with other rows and other browsers. WORKAROUND: use visibility: collapse for the footer rows instead of dispay:none for the footer Repro steps: - Use the markup attached below - right click the last row in any table - choose Row > Delete Row Expected: row is always deleted Actual: in IE you cannot delete the last row of the second table
Below is my steps to find this issue: 1. Open the browser with IE 10 mode or genuine IE10. 2. Create a table with Editor. 3. Right click the table and then select table properties. Then click Table Layouts tab and select a style. 4. Click OK, the style can be kept this moment in Design tab. 5. Click HTML tab and find the CSS details are missing and click Design tab again, the style cannot be kept. 6. There is no reproduces with chrome or IE 11. 7. I also test this case from your ow site https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx A video repro is also attached
We are seeing a JavaScript error when we select an Option in a Select control with a ASP Postback on IE11 via keyboard input. <%@ Page Language="C#" AutoEventWireup="true" Inherits="System.Web.UI.Page" %> <script runat="server"> void Page_Load(object sender, EventArgs e) { decorator.DecoratedControls = FormDecoratorDecoratedControls.Select; } </script> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>DD Test Page</title> </head> <body> <form id="DialogForm" runat="server"> <telerik:RadScriptManager runat="server" /> <telerik:RadAjaxManager runat="server" /> <telerik:RadFormDecorator ID="decorator" runat="server" DecorationZoneID="Panel1" EnableEmbeddedSkins="false" RenderMode="Lightweight" /> <telerik:RadAjaxPanel ID="Panel1" runat="server"> <asp:DropDownList ID="DD1" runat="server" AutoPostBack="true"> <asp:ListItem Text="[Select]" Value="" /> <asp:ListItem Text="T1" Value="1" /> <asp:ListItem Text="T2" Value="2" /> </asp:DropDownList> <asp:Button runat="server" Text="Refresh" /> </telerik:RadAjaxPanel> </form> </body> </html> Reproduce by clicking the DropDown control, and then pressing 'T', and then clicking on a blank section of the page.
Workaround 1; input[type=text]::-ms-clear { display: none; } Workaround 2: // https://www.telerik.com/support/kb/aspnet-ajax/details/how-to-create-a-javascript-array-of-all-particular-radcontrols-on-the-page function get_allRadDropDownTrees() { var allRadDropDownTrees = []; var allRadControls = $telerik.radControls; for (var i = 0; i < allRadControls.length; i++) { var element = allRadControls[i]; if (Telerik.Web.UI.RadDropDownTree && element instanceof Telerik.Web.UI.RadDropDownTree) { Array.add(allRadDropDownTrees, element); } } return allRadDropDownTrees; } function fixClearButton(sender, args) { tree = sender; if ($telerik.isIE) { var dropDownTrees = get_allRadDropDownTrees(); dropDownTrees.forEach(function (dropdowntree) { $telerik.$(dropdowntree.get_filterElement()).on('input', function (e, a) { if (!e.target.value) { dropdowntree.filterByText("") } }) }) } Sys.Application.remove_load(fixClearButton); } Sys.Application.add_load(fixClearButton); Workaround 3: var tree; function OnClientLoad(sender, args) { tree = sender; if ($telerik.isIE) { $telerik.$(sender.get_filterElement()).on('input', function (e, a) { if (!e.target.value) { tree.filterByText("") } }) } }
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
If the selection mode of the Grid is different than row selection, no cell of the detailed grid gets selected. The bug is introduced with version 2016 R3 SP1 Steps to reproduce: 1. Run the following demo locally http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/declarative-relations/defaultcs.aspx 2. and add this configuration: <telerik:RadGrid ...> <ClientSettings> <Selecting CellSelectionMode="SingleCell" /> </ClientSettings>
Load in IE this demo: http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx Enter in HTML mode - <p><a href="stm:b4f0c9ac-9a08-4c9f-8caf-39ccd4a83fc9" class="stm" contenteditable="false">Statement 111</a></p> Switch to Design mode Search for Statement with the Find and Replace dialog The dialog won't be able to locate and highlight the link
When the culture is set using Thread.CurrentThread.CurrentUICulture = new CultureInfo("it"); The following exception is thrown https://www.screencast.com/t/YnQstdBUrY