Index: CKEditor/trunk/CHANGES.html
===================================================================
--- CKEditor/trunk/CHANGES.html (revision 7221)
+++ CKEditor/trunk/CHANGES.html (revision 7222)
@@ -69,4 +69,5 @@
#7490 : [IE] Block format leaks to the next unselected line when enterMode
is set to BR
.
#8087 : Indenting list items may add redundant text direction attributes.
+ #6200 : Styling for certain dialog element type that miss focus outline like checkbox.
Updated the following language files:
- #8128 : Italian;
Index: CKEditor/trunk/_source/plugins/dialog/plugin.js
===================================================================
--- CKEditor/trunk/_source/plugins/dialog/plugin.js (revision 7221)
+++ CKEditor/trunk/_source/plugins/dialog/plugin.js (revision 7222)
@@ -2357,12 +2357,22 @@
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 );
+ });
}
} );
Index: CKEditor/trunk/_source/skins/kama/dialog.css
===================================================================
--- CKEditor/trunk/_source/skins/kama/dialog.css (revision 7221)
+++ CKEditor/trunk/_source/skins/kama/dialog.css (revision 7222)
@@ -943,4 +943,37 @@
}
+/* 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_opera .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_kama .cke_browser_opera .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_opera .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. */
+
+/* Predefined border to avoid visual size change impact. */
+.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;
+ /* Emulating border-color: transparent in IE6.*/
+ -filter: chroma(color=black);
+}
+
+.cke_skin_kama .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_kama .cke_browser_ie .cke_btn_over
+{
+ *border: 1px dotted #696969 !important;
+}
+
.cke_skin_kama .cke_iframe_shim
{
Index: CKEditor/trunk/_source/skins/office2003/dialog.css
===================================================================
--- CKEditor/trunk/_source/skins/office2003/dialog.css (revision 7221)
+++ CKEditor/trunk/_source/skins/office2003/dialog.css (revision 7222)
@@ -844,4 +844,37 @@
}
+/* 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_opera .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_office2003 .cke_browser_opera .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_opera .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. */
+
+/* Predefined border to avoid visual size change impact. */
+.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;
+ /* Emulating border-color: transparent in IE6.*/
+ -filter: chroma(color=black);
+}
+
+.cke_skin_office2003 .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_office2003 .cke_browser_ie .cke_btn_over
+{
+ *border: 1px dotted #696969 !important;
+}
+
.cke_skin_office2003 .cke_iframe_shim
{
Index: CKEditor/trunk/_source/skins/v2/dialog.css
===================================================================
--- CKEditor/trunk/_source/skins/v2/dialog.css (revision 7221)
+++ CKEditor/trunk/_source/skins/v2/dialog.css (revision 7222)
@@ -861,4 +861,37 @@
}
+/* 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_opera .cke_dialog_ui_checkbox_input:focus,
+.cke_skin_v2 .cke_browser_opera .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_opera .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. */
+
+/* Predefined border to avoid visual size change impact. */
+.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;
+ /* Emulating border-color: transparent in IE6.*/
+ -filter: chroma(color=black);
+}
+
+.cke_skin_v2 .cke_browser_ie .cke_dialog_ui_focused,
+.cke_skin_v2 .cke_browser_ie .cke_btn_over
+{
+ *border: 1px dotted #696969 !important;
+}
+
.cke_skin_v2 .cke_iframe_shim
{