prevent pages from overflowing when printing to pdf

1 files changed, 9 insertions, 0 deletions

diff --git a/js/reveal.js b/js/reveal.js
index 8975504..bbe2ca4 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -597,6 +597,15 @@
 					top = Math.max( ( pageHeight - contentHeight ) / 2, 0 );
 				}
 
+				// Wrap the slide in a page element and hide its overflow
+				// so that no page ever flows onto another
+				var page = document.createElement( 'div' );
+				page.className = 'page';
+				page.style.overflow = 'hidden';
+				page.style.height = ( pageHeight * numberOfPages ) + 'px';
+				slide.parentNode.insertBefore( page, slide );
+				page.appendChild( slide );
+
 				// Position the slide inside of the page
 				slide.style.left = left + 'px';
 				slide.style.top = top + 'px';