Simplified / improved focus handling. Fixes selectize#75, selectize#126…

…, …
AlexanderMwangi · Sep 24, 2013 · 7f450db · 7f450db
1 parent e21856b
commit 7f450db
Show file tree

Hide file tree

Showing 4 changed files with 109 additions and 73 deletions.
diff --git a/examples/css/stylesheet.css b/examples/css/stylesheet.css
@@ -113,11 +113,15 @@ input[type=button]:hover {
 }
 
 @media only screen and (max-width : 320px) {
+	body {
+		margin: 20px 0;
+	}
 	#wrapper {
 		margin: 0;
 	}
-	h1 {
-		margin: 20px;
+	#wrapper > * {
+		padding-left: 10px;
+		padding-right: 10px;
 	}
 	.demo {
 		padding: 20px;

diff --git a/src/less/selectize.bootstrap2.less b/src/less/selectize.bootstrap2.less
@@ -109,7 +109,7 @@
 	&.dropdown-active::before {
 		display: none;
 	}
-	&.focus, &.focus:hover {
+	&.input-active, &.input-active:hover, .selectize-control.multi &.focus {
 		background: @selectize-color-input !important;
 		border-color: rgba(82,168,236,.8) !important;
 		outline: 0 !important;

diff --git a/src/less/selectize.less b/src/less/selectize.less
@@ -98,7 +98,7 @@
 	-webkit-font-smoothing: @selectize-font-smoothing;
 }
 
-.selectize-input, .selectize-control.single .selectize-input.focus {
+.selectize-input, .selectize-control.single .selectize-input.input-active {
 	background: @selectize-color-input;
 	cursor: text;
 	display: inline-block;
@@ -247,7 +247,7 @@
 
 .selectize-control.single .selectize-input {
 	&, input { cursor: pointer; }
-	&.focus, &.focus input { cursor: text; }
+	&.input-active, &.input-active input { cursor: text; }
 
 	&:after {
 		content: ' ';