Won't Fix
Last Updated: 20 Mar 2019 15:54 by ADMIN

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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="font-size:14px; color:#63666a; font-weight:normal; text-align:left; line-height:20px;" colspan="4" valign="top">&nbsp;</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>&nbsp;</p>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td colspan="4" valign="top">&nbsp;</td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td colspan="4" valign="top">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</td>
                                                                                            <td align="center"></td>
                                                                                            <td style="width: 12px;" align="center">&nbsp;</td>
                                                                                            <td align="center"></td>
                                                                                            <td style="width: 12px;" align="center">&nbsp;</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;">&nbsp;</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <p>&nbsp;</p>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Won't Fix
Last Updated: 08 Jun 2022 07:22 by ADMIN
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.
Won't Fix
Last Updated: 19 Apr 2022 13:50 by ADMIN
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.
Won't Fix
Last Updated: 08 Jun 2022 08:10 by ADMIN
ADMIN
Created by: Marin Bratanov
Comments: 1
Category: Editor
Type: Bug Report
2
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
Won't Fix
Last Updated: 08 Jun 2022 08:07 by ADMIN
ADMIN
Created by: Rumen
Comments: 1
Category: Editor
Type: Bug Report
0
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
Won't Fix
Last Updated: 08 Jun 2022 08:06 by ADMIN
The browser becomes not responding when pasting content with a lot of span elements in IE11 in RadEditor Design view.

You can reproduce it in the following demo: http://demos.telerik.com/aspnet-ajax/editor/examples/workingwithlargecontent/defaultcs.aspx
Won't Fix
Last Updated: 14 Jan 2016 11:33 by ADMIN
Won't Fix
Last Updated: 20 Jun 2022 14:43 by ADMIN
ContentEditable=true attribute is added to the body element of the Editor's content when resizing a table in RadEditor in Chrome.

http://screencast.com/t/0s3QlydHv
Won't Fix
Last Updated: 14 Jan 2022 15:28 by ADMIN
Created by: Christophe
Comments: 1
Category: Editor
Type: Bug Report
0
Hi,
There is a bug with the "Play" parameter while I insert a SWF movie.
If I uncheck this parameter, the movie still play in Chrome/Mozilla.
This bug is  from this parameter that isn't added in the Embed tag although it is in the object tag.

Example :
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="150" height="150">
<param name="Movie" value="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf">
<param name="play" value="false">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="loop" value="false">
<param name="menu" value="false"><embed src="/aspnet-ajax/Editor/images/UserDir/Marketing/Reporting_banner.swf" width="150" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="transparent" loop="false" menu="false"></object>

Thanks a lot
Chris.
Won't Fix
Last Updated: 20 Apr 2022 08:36 by ADMIN
Won't Fix
Last Updated: 11 Oct 2016 11:21 by ADMIN
If the content of the editor contains an inline style which starts with - as -webkit-text-... like in:

<h1 style="-webkit-text-stroke-width: 0px;">My Title</h1>

A server error is thrown:

Server Error in '/' Application.
Name cannot begin with the '-' character, hexadecimal value 0x2D.
Won't Fix
Last Updated: 27 Sep 2016 07:18 by ADMIN
A proper workaround for this problem is applying this CSS rule:

div.RadEditor .RadRibbonBar .rrbButton img.rrbButtonImage {
    top:-7px;
}
Won't Fix
Last Updated: 19 Oct 2018 13:43 by ADMIN
Created by: Jinita
Comments: 2
Category: Editor
Type: Bug Report
0
When the tracking feature is enabled some of the existing features don't work properly. For eg:
a. If existing text were bulleted they were not displayed properly.
b. If bulleted content was copied over from a web page and pasted into the RadEditor control formatting was not retained.
c. If text in the editor that was modified previously and not accepted by a user, a change made to the same text after some time does not capture the new username and date time stamp by the same /different user. 

Please fix the tracking feature for SharePoint
Won't Fix
Last Updated: 15 Sep 2016 13:27 by ADMIN
The changes applied to a newly uploaded image through the ImageEditor are not taken into account when inserting the image in RadEditor. The issue is reproducible in all browsers.

video: http://screencast.com/t/Uz4BAr9Lj

Won't Fix
Last Updated: 16 Aug 2016 05:55 by ADMIN
Currently the &quot; entity is converted to a single quote under Chrome or Firefox, when ConvertToXhtml filter is enabled and the entity is placed in the value of an HTML attribute, for example href.
Won't Fix
Last Updated: 28 Jun 2016 16:24 by ADMIN
When a Hyperlink element is set with an onclick handler, after passing through the Preview mode it is being stripped under IE7. Also related problem is that the link in the Preview mode are clickable and the URL set to the href attribute is opened in new tab/window.

Possible solution for both bugs is to override the function responsible for the conversion of such attributes in the Preview mode with this JavaScript code:

Telerik.Web.UI.Editor.Utils.setTargetsForPreview = function (editor) {
	var contentArea = editor.get_contentArea();
	var links = contentArea.getElementsByTagName("A");
	for (var i = 0, l = links.length; i < l; i++) {
		var link = links[i];
		//handle targets
		var target = link.getAttribute("target");
		if (target != null) {
			link.setAttribute("re_target", target);
		}
		if (target != "_blank")
			link.setAttribute("target", "blank");
		//handle ckick event
		var oldOnClick = (link.getAttributeNode('onclick')
			&& link.getAttributeNode('onclick').value)
			|| link.getAttribute("onclick");

		if (oldOnClick != null) {
			link.setAttribute('re_onclick', oldOnClick);
		}

		link.setAttribute('onclick', 'return false;');

		if (typeof link.onclick === "string") {
			link.onclick = function () {
				return false;
			};
		}
	}
};

Telerik.Web.UI.Editor.Utils.restoreTargetsAfterPreview = function (editor) {
	var contentArea = editor.get_contentArea();
	var links = contentArea.getElementsByTagName("A");
	for (var i = 0, l = links.length; i < l; i++) {
		var link = links[i];
		//handle targets
		var oldValue = link.getAttribute("re_target");
		if (oldValue != null && oldValue != "null") {
			link.setAttribute("target", oldValue);
		}
		else {
			link.removeAttribute("target");
		}
		//handle anchors urls
		var oldOnClick = link.getAttribute("re_onclick");
		link.onclick = null;
		if (oldOnClick != null && oldOnClick != "null") {
			link.setAttribute('onclick', oldOnClick);
		}
		else {
			link.removeAttribute("onclick");
		}
		link.removeAttribute("re_onclick");
		link.removeAttribute("re_target");
	}
};


Note that this script must be placed in a script tag right after the RadEditor control.
Won't Fix
Last Updated: 11 Jul 2016 17:22 by ADMIN
The Advanced Mode (embed code) textbox in the Insert External Video dialog is always readonly and you cannot put the code in it.

In the meantime you can use the following workaround that will access the textbox and remove the readonly attribute:

	<telerik:RadEditor ID="RadEditor1" runat="server" OnClientCommandExecuted="OnClientCommandExecuted">
		<Tools>
			<telerik:EditorToolGroup>
				<telerik:EditorTool Name="InsertExternalVideo" />
			</telerik:EditorToolGroup>
		</Tools>
	</telerik:RadEditor>
	<script type="text/javascript">
		function OnClientCommandExecuted(sender, args)
		{
			if (args.get_commandName() == "InsertExternalVideo")
			{
				var extVideoDialog = sender.get_dialogOpener()._dialogContainers["InsertExternalVideo"];
				if(extVideoDialog){
					extVideoDialog.add_pageLoad(editTextbox);
				}
			}
		}

		function editTextbox(sender, args)
		{
			sender.get_contentFrame().contentWindow.document.getElementById("embedCode").removeAttribute("readonly");
			sender.remove_pageLoad(editTextbox);
		}
	</script>
Won't Fix
Last Updated: 08 Apr 2015 13:41 by ADMIN
The right side of the ImageManager's upload window is truncated in IE7 - http://screencast.com/t/zB2lWaGXdYd
Won't Fix
Last Updated: 09 Jun 2016 06:34 by ADMIN
ADMIN
Created by: Vessy
Comments: 1
Category: Editor
Type: Bug Report
0
When indenting list items in ordered list, the created nested list type remains the same.
Won't Fix
Last Updated: 08 Jun 2016 14:59 by ADMIN
The problem could be described with the following behavior:
·         Cannot insert a link with the Link Manager;
·         If switched to HTML mode cannot return to Design mode, switching to Preview – allows Design mode.
·         A JavaScript error is thrown on focusing and on editing the content area. 

Possible fixes are: 
o   Removing the Modernizr JavaScript file;
o   Setting the RadEditor with ContentAreaMode="Iframe" property;
1 2