The table wizard dialog of RadEditor does not function properly when there is a table having more than 500 columns.

Video: http://somup.com/crXlln0eIi

FIX: The toolbar commands don't fire when the editor is in iframe and has hidden parent in IE11. The content area is disabled too.

Create a new word file and insert an empty table with a few cells in it. Go to Import and Export to DOCX and import the Word document. Click on a cell and the cursor will go into the next one on its right side.

Here is the generated content from the imported table:

<table class="TelerikTableNormal TelerikTableGrid" style="width: 0px;">

    <colgroup><col /><col /><col /><col /></colgroup>
    <tbody>
        <tr>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"></p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
        </tr>
        <tr>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
        </tr>
        <tr>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
        </tr>
        <tr>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
            <td style="padding: 0px 7.68px 0px 7.68px;width: 151.066666666667px;" class="TelerikTableNormal TelerikTableGrid">
            <p class="TelerikNormal"> </p>
            </td>
        </tr>
    </tbody>
</table>
<p class="TelerikNormal"> </p>


The problem is related to the empty paragraph elements: <p class="TelerikNormal"></p>. If there is some content or an empty space <p class="TelerikNormal">&nbsp;</p> the problem is not reproducible.

To replicate this (as it is rather difficult to explain) go to http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx
Click on the HTML tab and replace all the content with:

<div>
  <div>
    <div style="width: 100%;">foo bar
    </div>
  </div>
</div>

Click back on the Design tab and click at then end of the first line.  When you press enter, the new line will be filled with non breaking spaces equal to the amount the inner-most div was indented.

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>
        <telerik:RadEditor ID="HiddenRadEditor" runat="server" EnableTrackChanges="true">
        </telerik:RadEditor>

2. Write something and press Enter

3. Click on the "Unordered List" tool

Result: A JavaScript error is thrown

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">
</telerik:RadEditor>

<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) {
					lastTool.focus();
				}
			}, 0);
		}
		return false;
	};
</script>

The problem is reproducible when the selected element has a CSS property applied that enables the hasLayout feature of the element under IE.

When an anchor hasLayout we cannot properly select it. The hyperlink manager shows the text, but modifying it is not carried to the actual markup. 



CSS properties that trigger hasLayout in IE:

CSS property	Value
display	inline-block
height	any value
float	left or right
position	absolute
width	any value
-ms-writing-mode	tb-rl
zoom	any value

When a document is deleted from the DocumentManager, its selection remains and it could be inserted into the Editor.

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

Create a page as below and assign a limited toolset to each editor in the code behind:


 <telerik:RadEditor  ID="RadEditor1" Skin="Default"  ContentAreaMode="Div"   runat="server"      Width="265px" Height="120px"  ToolsWidth="265px">
       <Content><p>A Word</p> </Content>
</telerik:RadEditor>
        
 <telerik:RadEditor  ID="RadEditor2" Skin="Default"  ContentAreaMode="Div"   runat="server"     Width="265px" Height="120px"  ToolsWidth="265px">
       <Content><p>A Word</p> </Content>
</telerik:RadEditor>
        
[Continue with this until ...]

 <telerik:RadEditor  ID="RadEditor10" Skin="Default"  ContentAreaMode="Div"   runat="server"     Width="265px" Height="120px"  ToolsWidth="265px">
       <Content><p>A Word</p> </Content>
</telerik:RadEditor>
        
Now display this page and right click for the top editor's Context Sensitive popup menu. Now scroll down to the bottom menu and right click for that menu's context sensitive menu. My experience is that this will erroneously produce the popup at the top of the browser. This is the most extreme example of a general behaviour where the vertical placement of popups is typically off the mark when working with multiple editors and ContentAreaMode="Div". Get rid of the ContentAreaMode="Div" and the problem disappears. 

The RadEditor's Media Manager dialog uses pasteHtml functionality to insert Object elements in the contentArea. The pasteHtml functionality do not position the cursor correctly for this case (pasted content ends with a object).

The issue can be workarounded by appending a character after the object. Then using a content filter the additional characters will be removed.

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

<script type="text/javascript">
	function OnClientPasteHtml(editor, args) {
		if ($telerik.isChrome && args.get_commandName() == "MediaManager") {
			args.set_value(args.get_value() + String.fromCharCode(8203));
		}
	}

	function OnClientLoad(editor, args) {
		if ($telerik.isChrome) {
			editor.get_filtersManager().add(new MyFilter());
		}
	}

	MyFilter = function() {
		MyFilter.initializeBase(this);
		this.set_isDom(false);
		this.set_enabled(true);
		this.set_name("RadEditor filter");
		this.set_description("RadEditor filter description");
	}
	MyFilter.prototype =
	{
		getHtmlContent: function(content) {
			return content.replace(/(object>)[\u200b]/gm, "$1"); // or content.replace(/[\u200b]/gm, "")
		},
		getDesignContent: function(content) {
			return content;
		}
	}
	MyFilter.registerClass('MyFilter', Telerik.Web.UI.Editor.Filter);
</script>

A div element is considered as a new line and can be transformed to a list item, although the reverse logic does not work. When NewLineMode is set to Div, the list item is transformed to paragraph instead div element.

This bug causes incorrect user behavior. Lists cannot be disconnected with Enter, in some cases user cannot add multiple empty paragraphs. 

To workaround this issue you can incorporate the JavaScript code provided in this example markup:

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

<script type="text/javascript">
	var setCursorFn = Telerik.Web.UI.Editor.Utils._setCursorInNode;
	Telerik.Web.UI.Editor.Utils._setCursorInNode = function (cursorElement, container, editor) {
		setCursorFn.call(this, cursorElement, container, editor);
		if ($telerik.isChrome) {
			var selection = editor.getSelection();
			var range = selection.getRange();
			if (!range.collapsed) {
				range.collapse();
				selection.selectRange(range);
			}
		}
	}
</script> 

When the ToolProviderID property is set, the Undo/Redo property is working only for the first RadEditor contorl

When the RadEditor's property "AddComment" is set to true and contentArea contains only text, the unselected content is removed in Internet Explorer 9.

When an image in the list view of the image manager is dropped outside the dialog, a duplicate of this image is stuck to the cursor. After selecting another image, the ghost image remains and overlays the upload window.

When the RadEditor's dialogs are sit to LightWeight rendering mode and the CDN is enabled a JavaScript error is being thrown in the browser's console

When a table is pasted from Word a border-image:none rule is inserted along with all content. The behavior is encountered only under Firefox and this rule is not needed for the correct rendering of the table.

When an image is selected and it is larger than the preview size of the Image Map Editor new shape selections could not be easily added.