fixing css

build/css/ox.ui.css

@@ -195,9 +195,11 @@ input::-moz-focus-inner {
     border: none;
 }
 .OxButton.OxSymbol,
-.OxButton.OxSymbol:active {
+.OxButton.OxSymbol:active,
+.OxButton.OxSymbol:focus {
     border: 1px solid rgba(0, 0, 0, 0);
     background: rgba(0, 0, 0, 0);
+    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
 }
 /*
 --------------------------------------------------------------------------------
@@ -295,8 +297,7 @@ div.OxInput > .OxButton:last-child {
 }
 input.OxInput {
     float: left;
-    margin-left: -1px;
-    margin-top: -1px;
+    margin: -1px -1px 0 -1px;
 }
 /*
 --------------------------------------------------------------------------------

build/js/ox.ui.js

@@ -1705,7 +1705,7 @@ requires
         }
 
         function callback(items) {
-            var selected = -1;
+            var selected = items.length == 1 ? 0 : -1;
             if (items.length) {
                 items = $.map(items, function(title, position) {
                     if (that.$input.val().toLowerCase() == Ox.stripTags(title.toLowerCase())) {
@@ -1820,8 +1820,8 @@ requires
         that.width = function(value) {
             that.$element.width(value);
             that.$input.width(value - 2 - self.options.labelWidth -
-                    (self.options.placeholder.length > 1) * 21 -
-                    self.options.clear * 21);
+                    (self.options.placeholder.length > 1) * 26 -
+                    self.options.clear * 15);
             return that;
         }
 

demos/test/index.html

@@ -101,7 +101,7 @@
                                 ]
                             },
                             clear: true,
-                            highlight: true,
+                            highlight: false,
                             id: "find",
                             placeholder: ["Find: Title", "Find: Director", "Find: Country"],
                         }).width(256)
@@ -441,7 +441,7 @@
                             "Wyoming"
                         ]
                     },
-                    clear: true,
+                    clear: false,
                     highlight: true,
                     id: "citystate",
                     placeholder: ["City", "State"],