Ticket #6901: 6901_2.patch

_source/plugins/bidi/plugin.js

@@ -51 +51 @@
         function handleMixedDirContent( evt )
         {
                 var editor = evt.editor,
-                        chromeRoot = editor.container.getChild( 1 ),
                         directionNode = evt.data.path.block || evt.data.path.blockLimit;
 
-                if ( directionNode && editor.lang.dir != directionNode.getComputedStyle( 'direction' ) )
-                        chromeRoot.addClass( 'cke_mixed_dir_content' );
-                else
-                        chromeRoot.removeClass( 'cke_mixed_dir_content' );
+                editor.setMixedDirectionClass( directionNode && editor.lang.dir != directionNode.getComputedStyle( 'direction' ) );
         }
 
         /**

_source/themes/default/theme.js

@@ -341 +341 @@
 };
 
 /**
+ * Applies and removes a class to all UI wrappers that indicates mixed BiDi contents in
+ * the area surrounding the current selection.
+ * @param {Boolean} [state] Whether the surrounding contetns include mixed BiDi contents.
+ * @example
+ * editor.setMixedDirectionClass( true );
+ */
+CKEDITOR.editor.prototype.setMixedDirectionClass = function( state )
+{
+        var func = ( state ? 'add' : 'remove' ) + 'Class';
+
+        this.container.getChild( 1 )[ func ]( 'cke_mixed_dir_content' );
+
+        // Put the mixed direction class on the respective element also for shared spaces.
+        var toolbarSpace = this.sharedSpaces && this.sharedSpaces[ this.config.toolbarLocation ];
+        if ( toolbarSpace )
+                toolbarSpace.getParent().getParent()[ func ]( 'cke_mixed_dir_content' );
+};
+
+/**
  * Makes it possible to place some of the editor UI blocks, like the toolbar
  * and the elements path, into any element in the page.
  * The elements used to hold the UI blocks can be shared among several editor