Adding test to ensure keyboard navigation is not triggered if focused…

… on form elements
getdave · Sep 20, 2011 · b322839 · b322839
1 parent 8877958
commit b322839
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -41,6 +41,7 @@
 			</ul>
 		</div>
 
+
 	</body>
 
 </html>
diff --git a/protoshow.js b/protoshow.js
@@ -502,9 +502,11 @@ var protoShow = Class.create({
 
 		var _this = this;
 		document.observe('keydown', function(key) {
+
 			var keyCode = key.keyCode;
-
-			if (keyCode === 37 || keyCode === 39) {
+
+			// stop arrow keys from working when focused on form items
+			if ( (!key.target.tagName.match('TEXTAREA|INPUT|SELECT')) && (keyCode === 37 || keyCode === 39) ) {
 				if (keyCode === 37) {
 		        	_this.previous();
 		        } else if (keyCode === 39) {