Tracked content that is deleted should be removed directly, but newly added content should be tracked.

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

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

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

A JavaScript error is thrown when a hidden AccessibleRadEditor is loaded in IE 10. The error message is:

"SCRIPT5007: Unable to get property 'get_element' of undefined or null reference "

Code to reproduce the issue:

        <asp:Button ID="btn1" runat="server" Text="Show Editor" OnClientClick="showEditor(); return false" />
        <div id="div1" style="display: none">
            <telerik:AccessibleRadEditor ID="AccessibleRadEditor1" runat="server" ></telerik:AccessibleRadEditor>
        </div>
        <script>
            function showEditor() {
                $telerik.$("#div1").show();
            }
        </script>

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.

If the table is not part of the visible part of the content area and you have to scroll to see it, then the X select table button does not appear (its display="none" property does not get updated). So technically the span element is available in the DOM but hidden:

 

When a textbox element is disabled in the content area under Chrome and Edge Chromium, the editor loses cursor and its toolbar/commands stop working.

Steps to repro:

1. Set the following content in HTML mode:
   

   test <textarea disabled="disabled">Text Box</textarea> test

2. Switch to Design mode
3. Click on the textbox
4. Click outside the textbox and you'll see that the cursor (selection) is missing
5. the majority of the toolbar features that rely on selection also do not work

Such tools exist in Word 2013 - 'Show Markup' and 'Display for Review' tools.

They are used by the users to be able to see the originally typed text, the final results (as if the track changes were accepted) and some further options for the visual appearance of the tracked text.

Such option would be very useful in the RadEditor, because in a large text where multiple users would add their suggestion, redaction and comments, the text would go quite unordered and difficult to be handled with. 

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.

In MS Word, if the entire list item is selected, changing the font-size will change the character's formatting too. While selecting only a text node (e.g., without highlighting) will not apply formatting to the list item.

In the RadEditor there is no option to somehow control the size of the bullet points. The only way is the user to switch to HTML mode and manually add font-size attribute in the <li> element.

It would be nice if there is a possibility to change the formatting similar to the editing experience in MS Word.

In order to replace the image we use the 'pasteHtml()' API method (http://docs.telerik.com/devtools/aspnet-ajax/controls/editor/client-side-programming/methods/pastehtml). Unfortunately, we have faced the issue in the latest version of Telerik RadEditor (2016.3.1027.45). 


If parent 'div' has "float:left" style settings, the 'pasteHtml()' API method inserts a new image beyond the parent 'div' element. The issue is reproducible in IE11, and it is not reproducible on in the FF and Chrome, Edge and IE10.


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 style="float: left;">
<img alt="" style="margin: 0px 30px 30px 0px; width: 200px; float: left;" src="../../images/top_image.png" />
</div>
***
3. Switch to the 'Design' mode of the RTE and click once on the image;
4. Open the browser console (F12) and execute the following API code in the console:
$telerik.radControls[11].pasteHtml('<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />')

Actual Result:
A new image is inserted beyond the parent 'div' element.
***
<div style="float: left;">
</div>
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
***

Expected result:
A new image is inserted into the parent 'div' element.
***
<div style="float: left;">
<img alt="" src="/aspnet-ajax/Editor/images/UserDir/Marketing/Tokyo.png" />
</div>
***

Here is the screencast:
http://screencast.com/t/PQOQeKsvViRK

Right now the end user can resize the table cells only through the provided interface in the Table Wizard and Properties inspector module. It will be useful this to be enabled as resize handlers directly in the table as it is implemented in the Kendo Editor - https://demos.telerik.com/kendo-ui/editor/index.