+ onResize callback [#43]

CHANGELOG.md

@@ -3,6 +3,10 @@ Featherlight – Changelog
 
 Master
 -----------------------------------
+### Features
+- New callback: onResize called for new content and when the window is resized
+
+### Changes
 - current() now returns null if no lightbox is currently opened
 - now avoids memory leaks
 - onKeyDown() renamed onKeyUp()

src/featherlight.js

@@ -55,7 +55,7 @@
 		};
 
 	/* document wide key handler */
-	var eventMap = { keyup: 'onKeyUp' };
+	var eventMap = { keyup: 'onKeyUp', resize: 'onResize' };
 
 	var globalEventHandler = function(event) {
 		$.each(Featherlight.opened().reverse(), function() {
@@ -101,6 +101,7 @@
 		afterContent: $.noop,                 /* Called after content is ready and has been set. Gets event as parameter, this contains all data */
 		afterClose:   $.noop,                 /* Called after close. Gets event as parameter, this contains all data */
 		onKeyUp:      $.noop,									/* Called on key down for the frontmost featherlight */
+		onResize:     $.noop,									/* Called after new content and when a window is resized */
 		type:         null,                   /* Specify type of lightbox. If unset, it will check for the targetAttrs value. */
 		contentFilters: ['jquery', 'image', 'html', 'ajax', 'text'], /* List of content filters to use to determine the content */
 
@@ -441,6 +442,12 @@
 				} else {
 					return _super(event);
 				}
+			},
+
+			afterContent: function(_super, event){
+				var r = _super(event);
+				this.onResize(event);
+				return r;
 			}
 		}
 	});

test/featherlight_test.js

@@ -176,6 +176,24 @@ var expect = chai.expect;
 				expect($.featherlight.current()).to.be.null;
 			});
 
+			it('can specify a resize handler', function() {
+				var resizes = [],
+				  open = function() {
+						$.featherlight('<p/>', {
+							onResize: function(event) { resizes.push(this.id); }
+						});
+					}
+				open();
+				open();
+				$(window).trigger('resize');
+				open();
+				$.featherlight.current().close();
+				$.featherlight.current().close();
+				$(window).trigger('resize');
+				resizes = $.map(resizes, function(id) { return id - $.featherlight.current().id });
+				expect(resizes).to.eql([0, 1, 1, 0, 2, 0]);
+			});
+
 			it('can specify a filter for events', function() {
 				$("#filter-test .group").featherlight({filter: '.yes', type: 'text'})
 					.append('<span class="yes"  href="filter Appended">Photo</span>');