ComboBox focus outline fixed in Safari. For #2164

svn changeset:5965/svn branch:trunk

WebContent/ITMILL/themes/default/select/select.css

@@ -84,8 +84,13 @@
 	font-size: 13px;
 }
 .i-filterselect-input:focus {
-	/* button clips safari outline otherwise (#1684) */
-	outline-offset: -1px; 
+	/* remove safari/mac outline from this element */
+	outline: 0px;
+}
+.i-filterselect-focus {
+	/* place safari focus outline around the whole thing */
+	outline: 5px auto -webkit-focus-ring-color;
+	outline-offset: -4px;
 }
 
 .i-filterselect-button {

src/com/itmill/toolkit/terminal/gwt/client/ui/IFilterSelect.java

@@ -786,6 +786,7 @@ public class IFilterSelect extends Composite implements Paintable, Field,
             tb.setText("");
             // TODO remove class CLASSNAME_EMPTY
         }
+        addStyleDependentName("focus");
     }
 
     public void onLostFocus(Widget sender) {
@@ -797,6 +798,7 @@ public class IFilterSelect extends Composite implements Paintable, Field,
             tb.setText(emptyText);
             // TODO add CLASSNAME_EMPTY
         }
+        removeStyleDependentName("focus");
     }
 
     public void focus() {