#19

Author: underovsky

example.html

@@ -14,13 +14,25 @@
 		<link rel="stylesheet" href="src/jquery.tagsinput-revisited.css" />
 
 		<style>
-			body, html {
+			* {
+				box-sizing: border-box;
+			}
+		
+			html {
+				height: 100%;
+				margin: 0;
+			}
+			
+			body {
+				min-height: 100%;
 				font-family: sans-serif;
+				padding: 20px;
+				margin: 0;
 			}
 
 			label {
 				display: block;
-				margin: 20px 0 5px 0;
+				padding: 20px 0 5px 0;
 			}
 		</style>
 	</head>
@@ -29,6 +41,7 @@
 			<label>Simple tags input:</label>
 			<input id="form-tags-1" name="tags-1" type="text" value="foo,bar,baz,roffle">
 
+			<!-- 
 			<label>Tags input with callbacks (check console):</label>
 			<input id="form-tags-2" name="tags-2" type="text" value="foo,bar,baz,roffle">
 			
@@ -43,6 +56,7 @@
 			
 			<label>Tags input with array of delimiters (comma and semicolon):</label>
 			<input id="form-tags-6" name="tags-4" type="text" value="foo;bar">
+			 -->
 		</form>
 
 		<script type="text/javascript">

src/jquery.tagsinput-revisited.js

@@ -172,14 +172,10 @@
 
 			$(data.fake_input).val('');
 			$(data.fake_input).data('pasted', false);
-
-			$(data.holder).on('click', data, function(event) {
-				$(event.data.fake_input).focus();
-				$(this).addClass('focus');
-			});
 
 			$(data.fake_input).on('focus', data, function(event) {
 				$(data.holder).addClass('focus');
+				
 				if ($(this).val() === '') {
 					$(this).removeClass('error');
 				}