Force browser repaint after closing Print dialog

client/homebrew/pages/newPage/newPage.jsx

@@ -90,13 +90,24 @@ const NewPage = createClass({
 		const S_KEY = 83;
 		const P_KEY = 80;
 		if(e.keyCode == S_KEY) this.save();
-		if(e.keyCode == P_KEY) window.frames['BrewRenderer'].contentWindow.print();
+		if(e.keyCode == P_KEY) this.printPage();
 		if(e.keyCode == P_KEY || e.keyCode == S_KEY){
 			e.stopPropagation();
 			e.preventDefault();
 		}
 	},
 
+	printPage : function(){
+		if (window.typeof !== 'undefined') {
+			window.frames['BrewRenderer'].contentWindow.print();
+			//Force DOM reflow; Print dialog causes a repaint, and @media print CSS somehow makes out-of-view pages disappear
+			let node = window.frames['BrewRenderer'].contentDocument.getElementsByClassName('brewRenderer').item(0);
+			node.style.display='none';
+			node.offsetHeight; // accessing this is enough to trigger a reflow
+			node.style.display='';
+		}
+	},
+
 	handleSplitMove : function(){
 		this.editor.current.update();
 	},
@@ -181,10 +192,6 @@ const NewPage = createClass({
 		}
 	},
 
-	print : function(){
-		window.open('/print?dialog=true&local=print', '_blank');
-	},
-
 	renderNavbar : function(){
 		return <Navbar>
 
@@ -197,7 +204,7 @@ const NewPage = createClass({
 					<ErrorNavItem error={this.state.error} parent={this}></ErrorNavItem> :
 					this.renderSaveButton()
 				}
-				<PrintNavItem/>
+				<PrintNavItem printFunction={this.printPage}/><PrintNavItem/>
 				<HelpNavItem />
 				<RecentNavItem />
 				<AccountNavItem />