Make autofocus element in featherlight focus [#259]

CHANGELOG.md

@@ -4,6 +4,7 @@ Featherlight – Changelog
 Master
 -----------------------------------
 - Changed close icon to a <button>. Be sure to use current CSS files too. [#260]
+- Improved focus handling [#259]
 
 1.5.0 - 2016-06-27
 -----------------------------------

src/featherlight.js

@@ -562,6 +562,7 @@
 
 			afterContent: function(_super, event){
 				var r = _super(event);
+				this.$instance.find('[autofocus]:not([disabled])').focus();
 				this.onResize(event);
 				return r;
 			}

test/featherlight_test.js

@@ -432,7 +432,13 @@ var stubAjaxLoad = function(content) {
 				$.featherlight.close();
 				expect($(document.activeElement)).to.have.class('for-focus');
 				expect($('.for-focus')).not.to.have.attr('tabindex');
-			})
+			});
+
+			it('focussed on "autofocus" content, if any', function() {
+				$.featherlight({html: '<input><input autofocus class="ok">'});
+				expect($(document.activeElement)).to.have.class('ok');
+				$.featherlight.close();
+			});
 		});
 	});
 }(jQuery));