Content resize (#605)

Wait after formatting, listen for resize events from `Contents`

src/contents.js

@@ -293,6 +293,8 @@ class Contents {
 		this.removeEventListeners();
 
 		this.removeSelectionListeners();
+
+		clearTimeout(this.expanding);
 	}
 
 	resizeListeners() {

src/managers/views/iframe.js

@@ -146,22 +146,22 @@ class IframeView {
 				// apply the layout function to the contents
 				this.settings.layout.format(this.contents);
 
-				// Expand the iframe to the full size of the content
-				this.expand();
-
 				// Listen for events that require an expansion of the iframe
 				this.addListeners();
 
-				if(show !== false) {
+				// Wait for formating to apply
-					//this.q.enqueue(function(view){
+				return new Promise((resolve, reject) => {
-						// this.show();
+					setTimeout(() => {
-					//}, view);
+						// Expand the iframe to the full size of the content
-				}
+						this.expand();
-				// this.map = new Map(view, this.layout);
+						resolve();
-				//this.hooks.show.trigger(view, this);
+					}, 1);
-				this.emit("rendered", this.section);
+				});
 
 			}.bind(this))
+			.then(function() {
+				this.emit("rendered", this.section);
+			}.bind(this))
 			.catch(function(e){
 				this.emit("loaderror", e);
 			}.bind(this));
@@ -432,7 +432,13 @@ class IframeView {
 			this.document.querySelector("head").appendChild(link);
 		}
 
-		this.contents.on("expand", function () {
+		this.contents.on("expand", () => {
+			if(this.displayed && this.iframe) {
+				this.expand();
+			}
+		});
+
+		this.contents.on("resize", (e) => {
 			if(this.displayed && this.iframe) {
 				this.expand();
 			}

src/rendition.js

@@ -613,6 +613,7 @@ class Rendition {
 				"page-break-inside": "avoid"
 			}
 		});
+
 		return new Promise(function(resolve, reject){
 			// Wait to apply
 			setTimeout(function() {