Ticket #6200: 6200_4.patch

_source/skins/v2/dialog.css

@@ -853 +853 @@
 {
         margin-right: 10px;
 }
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_dialog_ui_input_select:focus,
+.cke_skin_v2 .cke_browser_gecko .cke_btn_over,
+.cke_skin_v2 .cke_browser_ie .cke_btn_over
+{
+        outline: 1px dotted #696969;
+}
+
+/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_checkbox_input,
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_ratio_input,
+.cke_skin_v2 .cke_browser_ie .cke_btn_reset,
+.cke_skin_v2 .cke_browser_ie .cke_btn_locked,
+.cke_skin_v2 .cke_browser_ie .cke_btn_unlocked
+{
+        *border: 1px solid transparent !important;
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_v2 .cke_browser_ie .cke_btn_over
+{
+        *border: 1px dotted #696969 !important;
+}

_source/skins/office2003/dialog.css

@@ -836 +836 @@
 {
         margin-right: 10px;
 }
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
+.cke_skin_office2003 .cke_browser_gecko .cke_dialog_ui_input_select:focus,
+.cke_skin_office2003 .cke_browser_gecko .cke_btn_over,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_over
+{
+        outline: 1px dotted #696969;
+}
+
+/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
+.cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_checkbox_input,
+.cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_ratio_input,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_reset,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_locked,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_unlocked
+{
+        *border: 1px solid transparent !important;
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_over
+{
+        *border: 1px dotted #696969 !important;
+}

_source/plugins/dialog/plugin.js

@@ -2347 +2347 @@
                                 var me = this;
                                 dialog.on( 'load', function()
                                         {
-                                                if ( me.getInputElement() )
+                                                var input = me.getInputElement();
+                                                if ( input )
                                                 {
-                                                        me.getInputElement().on( 'focus', function()
+                                                        var focusClass = me.type in { 'checkbox' : 1, 'ratio' : 1 } && CKEDITOR.env.ie && CKEDITOR.env.version < 8 ? 'cke_dialog_ui_focused' : '';
+                                                        input.on( 'focus', function()
                                                                 {
                                                                         dialog._.tabBarMode = false;
                                                                         dialog._.hasFocus = true;
                                                                         me.fire( 'focus' );
-                                                                }, me );
+                                                                        focusClass && this.addClass( focusClass );
+
+                                                                });
+
+                                                        input.on( 'blur', function()
+                                                                {
+                                                                        me.fire( 'blur' );
+                                                                        focusClass && this.removeClass( focusClass );
+                                                                });
                                                 }
                                         } );
 

_source/skins/kama/dialog.css

@@ -935 +935 @@
 {
         margin-right: 10px;
 }
+
+/* Compensate focus outline for some input elements. (#6200) */
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_radio_input:focus,
+.cke_skin_kama .cke_browser_gecko .cke_dialog_ui_input_select:focus,
+.cke_skin_kama .cke_browser_gecko .cke_btn_over,
+.cke_skin_kama .cke_browser_ie .cke_btn_over
+{
+        outline: 1px dotted #696969;
+}
+
+/* IE<8 instead doesn't support CSS outline property, emulated with dotted border. */
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_checkbox_input,
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_ratio_input,
+.cke_skin_kama .cke_browser_ie .cke_btn_reset,
+.cke_skin_kama .cke_browser_ie .cke_btn_locked,
+.cke_skin_kama .cke_browser_ie .cke_btn_unlocked
+{
+        *border: 1px solid transparent !important;
+}
+
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_kama .cke_browser_ie .cke_btn_over
+{
+        *border: 1px dotted #696969 !important;
+}