Duplicated
Last Updated: 14 Sep 2021 12:27 by ADMIN
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>
Duplicated
Last Updated: 14 Sep 2021 11:57 by ADMIN
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.