fixed bug with transition on firefox

js/main.js

@@ -1,20 +1,38 @@
 jQuery(document).ready(function($){
+	var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
+
 	//open team-member bio
 	$('#cd-team').find('ul a').on('click', function(event){
 		event.preventDefault();
 		var selected_member = $(this).data('type');
-		$('main').addClass('slide-out');
 		$('.cd-member-bio.'+selected_member+'').addClass('slide-in');
 		$('.cd-member-bio-close').addClass('is-visible');
-		$('body').addClass('overflow-hidden');
+
+		// firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
+		if( is_firefox ) {
+			$('main').addClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
+				$('body').addClass('overflow-hidden');
+			});
+		} else {
+			$('main').addClass('slide-out');
+			$('body').addClass('overflow-hidden');
+		}
+
 	});
 
 	//close team-member bio
 	$(document).on('click', '.cd-overlay, .cd-member-bio-close', function(event){
 		event.preventDefault();
-		$('main').removeClass('slide-out');
 		$('.cd-member-bio').removeClass('slide-in');
 		$('.cd-member-bio-close').removeClass('is-visible');
-		$('body').removeClass('overflow-hidden');
+
+		if( is_firefox ) {
+			$('main').removeClass('slide-out').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
+				$('body').removeClass('overflow-hidden');
+			});
+		} else {
+			$('main').removeClass('slide-out');
+			$('body').removeClass('overflow-hidden');
+		}
 	});
 });