Improve focus handling [#259]

src/featherlight.js

@@ -534,6 +534,20 @@
 				}
 			},
 
+			beforeOpen: function(_super, event) {
+				this._previouslyActive = document.activeElement;
+				document.activeElement.blur();
+				return _super(event);
+			},
+
+			afterClose: function(_super, event) {
+				if (this._previouslyActive) { // Bulletproofing
+					this._previouslyActive.focus();
+					this._previouslyActive = null;
+				}
+				return _super(event);
+			},
+
 			onResize: function(_super, event){
 				this.resize(this.$content.naturalWidth, this.$content.naturalHeight);
 				return _super(event);

test/featherlight.html

@@ -60,6 +60,8 @@
       Hello
       <i>world</i>
     </div>
+
+    <input class="for-focus">
   </section>
 </body>
 </html>

test/featherlight_test.js

@@ -423,6 +423,14 @@ var stubAjaxLoad = function(content) {
 				close.focus();
 				expect($(document.activeElement)).to.have.class('featherlight-close-icon');
 			});
+
+			it('removes focus and then resets it', function() {
+				$('input').focus();
+				$.featherlight({text: 'Hello'});
+				expect($(document.activeElement)).not.to.have.class('for-focus');
+				$.featherlight.close();
+				expect($(document.activeElement)).to.have.class('for-focus');
+			})
 		});
 	});
 }(jQuery));