Ticket #6200: 6200.patch

_source/plugins/dialog/plugin.js

@@ -2318 +2318 @@
                                                                         dialog._.hasFocus = true;
                                                                         me.fire( 'focus' );
                                                                 }, me );
+                                                        me.getInputElement().on( 'blur', function()
+                                                                {
+                                                                        me.fire( 'blur' );
+                                                                }, me );
                                                 }
                                         } );
 

_source/plugins/dialogui/plugin.js

@@ -384 +384 @@
                                                 myDefinition.style = myDefinition.controlStyle;
 
                                         _.checkbox = new CKEDITOR.ui.dialog.uiElement( dialog, myDefinition, html, 'input', null, attributes );
+
+                                        // IE < 8 doesn't show the "focus outline" for checkboxes (#6200).
+                                        if ( CKEDITOR.env.ie && CKEDITOR.env.version < 8 )
+                                        {
+                                                _.checkbox.on( 'focus', function()
+                                                {
+                                                        this.getInputElement().addClass( 'cke_dialog_ui_checkbox_input_selected' );
+                                                });
+                                                _.checkbox.on( 'blur', function()
+                                                {
+                                                        this.getInputElement().removeClass( 'cke_dialog_ui_checkbox_input_selected' );
+                                                });
+                                        }
+
                                         html.push( ' <label id="', labelId, '" for="', attributes.id, '">',
                                                         CKEDITOR.tools.htmlEncode( elementDefinition.label ),
                                                         '</label>' );

_source/skins/kama/dialog.css

@@ -315 +315 @@
         padding: 1px 0px;
 }
 
+/* #6200: IE < 8 doesn't show the "focus outline" for checkboxes */
+.cke_skin_kama .cke_dialog_ui_checkbox_input
+{
+        border: 1px dotted transparent;
+}
+.cke_skin_kama .cke_dialog_ui_checkbox_input_selected
+{
+        border-color: #696969;
+}
+
 .cke_skin_kama div.cke_disabled .cke_dialog_ui_labeled_content *
 {
         background-color : #a0a0a0;

_source/skins/office2003/dialog.css

@@ -402 +402 @@
         padding: 1px 0px;
 }
 
+/* #6200: IE < 8 doesn't show the "focus outline" for checkboxes */
+.cke_skin_office2003 .cke_dialog_ui_checkbox_input
+{
+        border: 1px dotted transparent;
+}
+.cke_skin_office2003 .cke_dialog_ui_checkbox_input_selected
+{
+        border-color: #696969;
+}
+
 .cke_skin_office2003 div.cke_disabled .cke_dialog_ui_labeled_content *
 {
         background-color : #a0a0a0;

_source/skins/v2/dialog.css

@@ -401 +401 @@
         padding: 1px 0px;
 }
 
+/* #6200: IE < 8 doesn't show the "focus outline" for checkboxes */
+.cke_skin_v2 .cke_dialog_ui_checkbox_input
+{
+        border: 1px dotted transparent;
+}
+.cke_skin_v2 .cke_dialog_ui_checkbox_input_selected
+{
+        border-color: #696969;
+}
+
 .cke_skin_v2 div.cke_disabled .cke_dialog_ui_labeled_content *
 {
         background-color : #a0a0a0;