Under Review
Last Updated: 30 Dec 2019 15:55 by ADMIN
Created by: Ian
Comments: 0
Category: Editor
Type: Feature Request
0

these pages shows the accessibility standards for tables.
https://www.w3.org/WAI/tutorials/tables/
https://www.w3.org/WAI/tutorials/tables/two-headers/
https://www.w3.org/WAI/tutorials/tables/irregular/

For these two sub links "Tables with two headers" & "Tables with irregular headers", they are looking for "scope=col", "scope=row", "scope=colgroup", "scope=rowgroup".

There doesn't seem to be any built in support for "scope" to be added when using the table wizard, having set on the Accessibility tab a Heading for both a Row & Column.

Add support for "scope" be added to tables created in the Rich Text Editor.


(
https://www.telerik.com/forums/table-wizard---scope-attribute-for-tables#XKGf9DNED0a8Cdxvzh7Qvg)

Completed
Last Updated: 25 Nov 2019 13:49 by ADMIN
Release R1 2020
If you setup multiple RadEditor controls on a single page with RenderMode set to Lightweight then when you change the foreground or background colour on one control, the other controls update their toolbar at the same time.

Sample Page code
    <h1>Editor 1</h1>
    <telerik:RadEditor ID="editor1" runat="server" RenderMode="Lightweight"></telerik:RadEditor>

    <h1>Editor 2</h1>
    <telerik:RadEditor ID="editor2" runat="server" RenderMode="Lightweight"></telerik:RadEditor>



Approved
Last Updated: 30 Dec 2019 15:59 by ADMIN

On Google Chrome, the following assingment ends up displaying the body of the html twice within the editor:

radEditor.Content="<HTML><HEAD><STYLE>@import url(./CSS/CI.css);</STYLE></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P></BODY></HTML>"

The resulting html becomes:
"<html><head><link href="/WebResource.axd?d=IgLlf5SIEZ-4m-Qr1qYVOGbMUL9-osMaMQXxs1c-ODIbmiiieGrgJ2ZuegoRNaCpJJ5zKojqJuk_FD7Cb69kb713UUGq1dCMsrFtihWFgnKkbYnlqQv7Lo2rUoUhmXHopZnTw7Cs3STs4GHdRuMnVHVdYHhRrcdV8Dgdv-U213Y1&amp;t=637050242483188892" type="text/css" id="RADEDITORSTYLESHEET0" rel="stylesheet"></head><body><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p><h3>OUTPUT LAYOUT</h3><p>First Name:</p><p>Kerry</p></body></html>"

The issue is the "@import url(./CSS/CI.css);" within the Style tag, if the @import url, is removed, then it works as expected.

Works as expected on IE11.

If you add 2 <style> tags, the second one is displayed twice within the editor:

radEditor.Content = "<HTML><HEAD></HEAD><BODY><H3>OUTPUT LAYOUT</H3><P>First Name:</P><P>Kerry</P><style>@import url(\"./CSS/CI.css\");</style><style>@import url(\"./CSS/CI2.css\");</style></BODY></HTML>";
  
Completed
Last Updated: 08 Nov 2019 11:31 by ADMIN
Release R1 2020
From the demo page at Editor when adding a table from the toolbar and setting cellpadding to it from the Table Properties window (got by right click the table and selecting table properties) does not show the set properties only the height and the width gets shown remaining properties do not get shown.

The HTML source shows the property cellpadding being added but not shown in the properties window.
Approved
Last Updated: 04 Nov 2019 14:57 by ADMIN
Created by: Chetan
Comments: 1
Category: Editor
Type: Bug Report
0

Hi Rumen,

 

I have encountered a problem as follows:

When a table is added to the radeditor with empty cells, after inserting text in  the empty cell and rejecting the track changes, the complete td (cell) is removed.

Figure shows text inserted in empty cell with track changes on

After rejecting this track changes:

The cell has been removed and you can see the space in the end

You can use the following table code to reproduce the same, I have tried this in the demo link: https://demos.telerik.com/aspnet-ajax/editor/examples/trackchanges/defaultcs.aspx

<table frame="topbot" class="body_table">
    <thead>
        <tr>
            <th class="td_h">Catalyst</th>
            <th class="td_h">Loading [mg cm<sup>&minus;2</sup>]</th>
            <th class="td_h">Tafel slope [mV decade<sup>&minus;1</sup>]</th>
            <th class="td_h">ECSA [cm<sup>2</sup>]</th>
            <th class="td_h"><em>R</em><sub>ct</sub> at &eta; = 100 mV [&Omega;]</th>
            <th class="td_h">&eta; @ <sub>&minus;</sub>10 mA cm<sup>&minus;2</sup><sub>geo</sub> [mV]</th>
            <th class="td_h">&eta; @ &minus;0.2 mA cm<sup>&minus;2</sup><sub>ECSA</sub> [mV]</th>
            <th class="td_h">Current at &eta; = 100 mV [mA cm<sup>&minus;2</sup>]</th>
            <th class="td_h">Mass activity at &eta; = 100 mV [A g<sup>&minus;1</sup>]</th>
            <th class="td_h">TOF<sub>avg</sub> at &eta; = 100 mV (H<sub>2</sub> s<sup>&minus;1</sup>)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="td1">0.1 C anodized</td>
            <td class="td1">0.081</td>
            <td class="td1">52</td>
            <td class="td1"><ins author="RadEditorUser" command="Insert" timestamp="1572804414617" title="Inserted by RadEditorUser on 11/3/2019, 11:36:54 PM" class="reU0">fdff</ins></td>
            <td class="td1">4.6</td>
            <td class="td1">51</td>
            <td class="td1">74</td>
            <td class="td1">&minus;67.00</td>
            <td class="td1">827.55</td>
            <td class="td1">0.93</td>
        </tr>
        <tr>
            <td class="td1">2.0 C anodized</td>
            <td class="td1">0.172</td>
            <td class="td1">78</td>
            <td class="td1">191.9</td>
            <td class="td1">7.6</td>
            <td class="td1">88</td>
            <td class="td1">122</td>
            <td class="td1">&minus;15.10</td>
            <td class="td1">87.88</td>
            <td class="td1">0.13</td>
        </tr>
        <tr>
            <td class="td1">0.1 C O<sub>2</sub> plasma</td>
            <td class="td1">0.045</td>
            <td class="td1">48</td>
            <td class="td1">5.8</td>
            <td class="td1">3.9</td>
            <td class="td1">78</td>
            <td class="td1">34</td>
            <td class="td1">&minus;24.97</td>
            <td class="td1">559.87</td>
            <td class="td1">6.96</td>
        </tr>
        <tr>
            <td class="td1">2.0 C O<sub>2</sub> plasma</td>
            <td class="td1">0.177</td>
            <td class="td1">84</td>
            <td class="td1">103.4</td>
            <td class="td1">5.0</td>
            <td class="td1">123</td>
            <td class="td1">146</td>
            <td class="td1">&minus;4.65</td>
            <td class="td1">26.25</td>
            <td class="td1">0.072</td>
        </tr>
        <tr>
            <td class="td1">0.1 C heat</td>
            <td class="td1">0.037</td>
            <td class="td1">58</td>
            <td class="td1">7.6</td>
            <td class="td1">94.1</td>
            <td class="td1">163</td>
            <td class="td1">110</td>
            <td class="td1">&minus;0.95</td>
            <td class="td1">25.75</td>
            <td class="td1">0.302</td>
        </tr>
        <tr>
            <td class="td1">2.0 C heat</td>
            <td class="td1">0.630</td>
            <td class="td1">80</td>
            <td class="td1">11.5</td>
            <td class="td1">36.6</td>
            <td class="td1">106</td>
            <td class="td1">65</td>
            <td class="td1">&minus;8.24</td>
            <td class="td1">13.07</td>
            <td class="td1">0.662</td>
        </tr>
        <tr>
            <td class="td1">0.1 C acid</td>
            <td class="td1">0.103</td>
            <td class="td1">70</td>
            <td class="td1">11.1</td>
            <td class="td1">165.2</td>
            <td class="td1">162</td>
            <td class="td1">126</td>
            <td class="td1">&minus;2.09</td>
            <td class="td1"></td>
            <td class="td1">0.199</td>
        </tr>
        <tr>
            <td class="td1">2.0 C acid</td>
            <td class="td1">0.683</td>
            <td class="td1">75</td>
            <td class="td1">22.9</td>
            <td class="td1">14.1</td>
            <td class="td1">102</td>
            <td class="td1">101</td>
            <td class="td1">&minus;9.48</td>
            <td class="td1">13.88</td>
            <td class="td1">1.15</td>
        </tr>
    </tbody>
</table>

Do let me know if you need any further information on the same.

Thanks

Regards

Chetan

 

 

Completed
Last Updated: 18 Oct 2019 13:52 by ADMIN
Release R3 2019 SP1
Created by: Charles Liang
Comments: 0
Category: Editor
Type: Feature Request
0
Improve XSS filtering.
Approved
Last Updated: 21 Aug 2019 15:08 by ADMIN

When text in the Editor has Track Changes then :

  • There should be Next/Previous menu icons to navigate through the Track Changes from one Change to another
  • When a Tracked Change is Accepted/Rejected the cursor should move to the next Tracked Change
Completed
Last Updated: 31 Jul 2019 08:40 by ADMIN

The problem happens when enter a period . , single ' or " double quote on a new line.

Approved
Last Updated: 22 Jul 2019 13:37 by ADMIN
I am using the option AutoResizeHeight ="true" for the RadEditor. When I click on add comment option, the editor scrolls right at the end and displays the add comment window.

How can I set the position of the add comment window as per by requirement?
Completed
Last Updated: 02 Oct 2019 14:29 by ADMIN
Test the code below on iPhone and mobile chrome/safari and you'll get a JS error:

<script type="text/javascript">
    EditorCommandList = Telerik.Web.UI.Editor.CommandList;
    EditorCommandList["ApplySizeColor"] = function (commandName, editor, args) {
        if (editor.getSelectionHtml() != "") {
            editor.fire("FontSize", { value: "4" }); //fire the FontSize command
            editor.fire("ForeColor", { value: "red" });  //fire the ForeColor command
        }
        else {
            alert("Please, select some text!");
            args.set_cancel(true);
        }
    };
 </script>
<telerik:RadEditor ID="RadEditor1" runat="server" RenderMode="Auto" NewLineMode="Br" ContentAreaMode="Div" Height="500" Width="100%" Skin="Metro" _OnClientCommandExecuting="OnClientCommandExecuting">
    <HeaderTools>
        <telerik:EditorHeaderTool Name="ApplySizeColor" />
        <telerik:EditorHeaderTool Name="Redo" />
        <telerik:EditorHeaderTool Name="MobileEdit" Position="Right" />
        <telerik:EditorHeaderTool Name="ToggleScreenMode" Position="Right" />
    </HeaderTools>
    <Tools>
        <telerik:EditorToolGroup>
                <telerik:EditorTool Name="ApplySizeColor" Text="Apply Size and Color" ShowText="true"></telerik:EditorTool>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>
Approved
Last Updated: 05 Jun 2019 14:44 by ADMIN
Created by: pranav
Comments: 0
Category: Editor
Type: Bug Report
0
The dopdowns of the tools in the Editor's toolbar are shown below the video objects in the Editor's content area in IE 11.

Video: https://www.screencast.com/t/rzmzuZ0UFa

Steps to reproduce:

1. Open in IE 11: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

2.  Insert a video through the Media Manager

3. Click over a tool having a drop-down menu (e.g. the Format tool)

Result: The heavy-weight object of the video is shown above the shown drop-down menu.

Completed
Last Updated: 18 Apr 2019 11:21 by ADMIN
Code snippets coming after remove table style from insert table popup in chrome,ie,ff.

I am facing a big problem in editor please give any solution.

Link: https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx

Steps to reproduce

Step 1

Try to insert table from Insert Table from editor toolbar.

Step 2

Right click on cell then click on Table/cell properties. A table wizard popup will come.

Step 3

Click on Table Layouts tab on the table wizard popup.

Step 4

Select any value from table styles drop down.

Step 5

Now you can see  TABLE>TR>TD>RemoveElement on the bottom of the editor.click on RemoveElement .

After click on RemoveElement you can see STYLE>RemoveElement  again click on RemoveElement.

then you can see like below in the editor.

.telerik-reTable-2 { border-collapse: collapse; border: solid 0px; font-family: Tahoma; } .telerik-reTable-2 tr.telerik-reTableHeaderRow-2 { border-width: 1.0pt 1.0pt 3.0pt 1.0pt...........
Completed
Last Updated: 09 Apr 2019 13:17 by ADMIN
Created by: Aaron Main
Comments: 1
Category: Editor
Type: Bug Report
0
When you open the insert Table dialog window in the RadEditor using the Silk skin the layout is messed up.  Button text is wrapping and the text 'px' is wrapped under the input field.

You can see this happening in the following demo page.

https://demos.telerik.com/aspnet-ajax/controls/examples/integration/ribbonbarandeditor/defaultcs.aspx?product=editor

I have also attached a snip showing this.
Completed
Last Updated: 10 Apr 2019 15:23 by ADMIN

After upgrading the Telerik controls to v2019.1.115.45 we are seeing an issue with the RadEditor control. The issue is that the Toolbar formatting buttons like Bold, Underline etc. do not work for a particular scenario.

Scenario

We have 2 tabs - Tab1 and Tab2. Tab1 is the default selected tab. Tab2 contains the RadEditor control. When the page loads, Tab1 is displayed/selected. We then go to Tab2 and click on the Toolbar to format the text. We click on buttons like Bold, Italic etc. but they do not work. Please refer to the files in the attached zip to see the issue.
<telerik:RadTabStrip runat="server" MultiPageID="MultiPage1" CausesValidation="false" SelectedIndex="1">
    <Tabs>
        <telerik:RadTab runat="server" Text="Tab1" Value="Tab1" PageViewID="Tab1" Selected="true" />
        <telerik:RadTab runat="server" Text="Tab2" Value="Tab2" PageViewID="Tab2" />
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="MultiPage1" runat="server">
    <telerik:RadPageView ID="Tab1" runat="server" Selected="true">
        TAB 1 
    </telerik:RadPageView>
    <telerik:RadPageView ID="Tab2" runat="server">
        <telerik:RadEditor Width="100%" ID="ERichTextBox1" Enabled="true" runat="server" ContentAreaMode="Div" NewLineMode="Br">
        </telerik:RadEditor>
    </telerik:RadPageView>
</telerik:RadMultiPage>



Completed
Last Updated: 18 Mar 2019 12:47 by ADMIN
We've a RadEditor controls, we want disable editting in mobile render mode. How can we do it?

Here examle:

Case 1. RadEditor is LightWeight:

<telerik:RadEditor ID="redEdt" runat="server"    RenderMode="LightWeight"     Width="100%" Height="500px" ></telerik:RadEditor>

<script>
                $(document).ready(function () {
                    var editor = $telerik.findControl(document.documentElement, "redEdt");
                    editor.enableEditing(false);
                })

</script>   

--> It work great. All buttons in toolbar disabled.

Case 2. RadEditor is Mobile:

<telerik:RadEditor ID="redEdt" runat="server"    RenderMode="Mobile"     Width="100%" Height="500px" ></telerik:RadEditor>

<script>
                $(document).ready(function () {
                    var editor = $telerik.findControl(document.documentElement, "redEdt");
                    editor.enableEditing(false);
                })

</script> 

--> System error: 

M.enableContextMenus is not a function
    at c.RadEditor.enableEditing
Approved
Last Updated: 06 Mar 2019 15:22 by ADMIN

This behavior is occuring only if use firefox browser:

1. If you set the EditModes within backend only to EditMode.Preview then all html table elements within content appears like in EditMode.Design with dashed borders.

You can reproduce it on your own demo site https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx simple disable EditMode.Html and EditMode.Design.

Now you see the dashed table element borders like in design mode....

2. Sometimes if you switch edit mode from Html to Preview the same affect is occuring with displaying dashed border with html table elements. If you switch directly from Design mode to preview mode all works fine.

3. If you resize the editor in preview mode with resize button on right lower corner the display switch immediatly to dashed borders for all html table elements...

At the moment we use a fix to reset preview mode: If only preview mode is activated for the editor we set the preview mode again with a timeout of 250 ms after loading of dialog is ready (if the timeout is to low no affect appear).
Sys.Application.add_load(function(){ window.setTimeout(function(){$find('AjaxEditorClientID').set_mode(4)},250); }); });

Regards
Thomas

Approved
Last Updated: 27 Feb 2019 14:05 by ADMIN

Reproduction steps: 

<telerik:RadEditor runat="server" ID="RadEditor1">
     <Content>
        <span style="color: #548dd4;">asdas</span>this is sample text
     </Content>
</telerik:RadEditor>

When the mode is changed to HTML, the content is as follows: 

Expected: 

<span style="color: #548dd4;">asdas</span>this is sample text

Actual: 

<span style="color: rgb(84, 141, 212);">asdas</span>this is sample text

 

Completed
Last Updated: 29 Mar 2019 12:44 by ADMIN
Created by: Victor
Comments: 15
Category: Editor
Type: Bug Report
0

Hello,

The RadEditor's Design View became unusable in the latest Chrome Beta version (Version 73.0.3683.27). It is still working correctly on the latest stable Chrome 72, so I'm not sure if it is a problem that needs to be resolved on Chrome's end, just figured it'll be helpful to send this in as well. 

The HTML view still works, but switching back to Design causes an exception (attached). This is also directly off of the demo page, so it doesn't look like implementation is a factor. 

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>

Completed
Last Updated: 19 Mar 2019 14:19 by ADMIN

Setup:  

  1. Create a page with a basic Rad Editor, with HTML mode enabled
  2. Go into HTML Mode, add at least the following:
    <input type="number" />
  3. Go back to Design Mode
  4. Click on the numeric input

To See the Problem:

  1. In the console of the Browser's Developer Tools, get a reference to the Rad Editor
  2. Call its getSelectedElement() function
  3. In Chrome, the returned element will be a <body> tag (NOT GOOD)
  4. In Firefox, it will be an apparently random (maybe the first?) user-selectable element within the HTML (NOT GOOD)
  5. In IE11, it will be the numeric input (DESIRED)
  6. In Edge, it will be a <body> tag (NOT GOOD)
1 2 3 4 5 6